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.