$99 launch price

Components

Dither Line Chart

Pro

Weekly actives by platform

last 24 weeks

Customize

<DitherLineChart />

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/dither-line-chart

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 132 Pro components · lifetime updates.

I have a licenseGet Pro
<DitherLineChart
  labels={["Jan", "Feb", "Mar", "Apr", "May", "Jun"]}
  series={[
    { name: "Web", values: [4200, 3900, 3650, 3400, 3100, 2900] },
    { name: "iOS", values: [2400, 2700, 3050, 3300, 3700, 4100] },
  ]}
  fill="dither"
  height={280}
/>

Use cases

  • Platform actives

    Web, iOS and Android weekly actives on one axis, where the lines crossing is the story.

  • Regional revenue

    Five regions over twelve months; hide the big one from the legend to read the rest.

  • A/B experiment

    Control versus variant over the test window, with a hover that reads both at any day.

  • Infra dashboard

    p50, p95 and p99 latency over the last day, dithered so the fills read as texture, not paint.