Charts - React

The Charts React kit provides an Anvil2 theme, palette utilities, tooltips, and a React host for Apache ECharts.

Installation

Install the kit and its ECharts peer dependency:

pnpm add @servicetitan/anvil2-charts-kit echarts

Import the chart styles once in the application:

import "@servicetitan/anvil2-charts-kit/styles.css";

Configure the Chart component, tooltips, themes, and palette utilities.

View examples for bar, line, area, donut, and combined charts.

Apply categorical, monochrome, and semantic chart palettes.

View the package source and README.

Review the data visualization guidance before implementation:

Select a chart type and review labeling and accessibility guidance.

Select a palette and review chart styling guidance.

Last modified on August 20, 2026

⌘I