Enterprise / COMPONENT

Chart

Web · implementedDesktop · unavailable

Visualisasi data dalam bentuk bar, line, pie, atau donut.

import { Chart } from "./vendor/syne-ui/index.js";TypeScript ready

4,200

Jan

3,800

Feb

5,100

Mar

4,600

Apr

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { Chart } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Chart type="bar" data={[{ label: "A", value: 10 }]} />
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.