visualization-components
Looker Visualization Components
This skill enables agents to assist users in building custom, high-performance data experiences using Looker's React-based visualization components.
Overview
Looker Visualization Components offer a suite of React primitives to render Looker charts client-side. Unlike iframe-based embedding, these components offer:
- Performance: No iframe overhead; faster rendering and interactions.
- Customization: Deep control over chart configuration and the ability to swap default charts with custom React components.
- Seamless Integration: Fully integrates with Looker's design system (
@looker/components).
1. Installation
Install the core library along with its peer dependencies.
npm install @looker/visualizations @looker/components-data @looker/components @looker/sdk styled-components react react-dom
2. Core Architecture
The system relies on a data-loading layer and a rendering layer.
More from lkrdev/looker-embed-skills
cors-api
Architectural pattern for direct browser-to-Looker API calls via CORS using OAuth2 with PKCE for secure client-side authentication.
2ca-adk-streaming
This skill enables agents to assist users in building streaming, data-driven agentic applications using the Looker Conversational Analytics (CA) API and Google ADK. Use this when you need to orchestrate multi-step data workflows with real-time feedback and conditional post-processing (e.g., visualization, analysis).
2sso-embed
This skill allows agents to assist users in setting up, implementing, and troubleshooting Looker SSO (signed) and Cookieless embedding using the Looker Embed SDK.
2embed-themes
This skill enables agents to assist users in programmatically creating, updating, and managing Looker themes using the Looker API. Use this when you need to automate visual styling, implement brand-specific themes, or manage instance-wide default themes.
2cors-api-proxy
Architectural pattern for performing direct browser-to-Looker API calls via CORS by using an application backend to delegate scoped authentication tokens.
2embed-javascript-events-api
This skill enables agents to assist users in implementing and troubleshooting interactive communication between a host application and an embedded Looker iframe using JavaScript events.
2