Getting started

One chart API. Native everywhere.

High-performance, natively rendered graphs for web, iOS, and Android, designed for developers and coding agents.

First chart

tsx

import { Chart, zyplot } from '@hzblj/zyplot'

const chart = zyplot(z => ({
  categories: ['Jan', 'Feb', 'Mar', 'Apr'],
  series: [
    z.series({ id: 'revenue', label: 'Revenue', values: [42, 56, 51, 72] }),
  ],
  format: z.format({ prefix: '$' }),
}))

export function RevenueChart() {
  return <Chart.Line {...chart} />
}

Pick a chart from the menu for a complete example and its props. Start with Line, Bar, or Pie.