solid-charts

@tanstack/solid-charts

Solid lifecycle adapter for @tanstack/charts.

pnpm add @tanstack/charts @tanstack/solid-charts solid-js d3-scale

import { defineChart } from '@tanstack/charts'
import { tooltip } from '@tanstack/charts/tooltip'
import { Chart } from '@tanstack/solid-charts'

const interactiveDefinition = defineChart(definition, { tooltip })

;<Chart definition={interactiveDefinition} ariaLabel="Revenue by month" />

The adapter renders SVG during SSR and updates the shared chart host from Solid's reactive owner.

Read the published Solid adapter guide and Chart reference.