The next[js]
generation
of
charting

The first fully RSC compatible, copy-pasteable charting library with support for the latest and greatest web technologies. Customize the finest of details while reducing bundle sizes and network roundtrips.

Get started

May 6

May 12

May 18

May 24

May 30

Jun 5

Server-side renderable

Reduce bundle size and render times with RSC compatible charts out-of-the-box. Add 'use client' only when you need interactivity.

Fully customizable

Take control of your charts with direct access to divs and svgs. From colors to layouts, build visualizations tailored to your exact needs.

Copy-pasteable

Instantly integrate stunning charts into your projects with zero setup. Just copy, paste, and customize — it's that simple.

Portable

Effortlessly compatible withTailwind,RSCs,Shadcn,NextJS,Remix—
from the start. Adapts easily to any JS codebase, as it's built on html and d3.

Dark Mode

Automatic dark mode support for stunning visuals in any theme.

text-gray-400dark:text-purple-400

Bar Charts

Horizontal Bars

This is a horizontal bar chart with normal text labels

Horizontal Bars

Gradient Bars

This is a bar chart with gradient bar colors

Breakdown Chart

Breakdown of your portfolio positions

Thin Breakdown Bar Chart

Thinner breakdown of your portfolio positions

Thin Horizontal Bars

This is a chart with thin bars about wine 🍷

Horizontal Bars

<img />logos and right-aligned values

Connected Dots

This is a chart with connected dots

Vertical Bars

This is a vertical bar chart with normal text labels

Vertical Bars Stacked

Vertical Multi Bars

This is a vertical bar chart with multiple sub-bars

Horizontal Multi Bars

Now randomly about Olympic medals

Positive and Negative Bars

Random data about a company's earnings

Bar and Line Chart

Comparing company revenues versus stock price

Line Charts

Line Chart

This is a line chart with straight lines

Curved Line Chart

This is a line chart with curved lines

Multiple Line Chart

This is a multi-line chart with curved lines

Labeled Line Chart

This is a line chart with custom labels

Custom Line Chart

This is a line chart with image labels

Step Chart

This is a line chart with steps

Pulsating Line Chart

This is a line chart with a pulsating dot

Line Chart Full

This is a full width line chart with curved lines

Neon Line Full

This is a full width line chart with a gradient effect

Pie Charts

Pie Chart

This is a simple pie chart 🍰

Image Pie Chart

This is a pie chart with logos

Donut Chart

This is a simple donut chart

Donut Chart - Inner content

This is a donut chart with content in the center

Half Donut Chart

This is a simple half donut chart

Fillable Donut Chart

This is a fillable half donut chart

Fillable Donut Chart

This is a fillable full donut chart

Thin Donut Chart

This is a donut chart with thin slices

Active Donut Chart

This is a donut chart with thin hoverable slices

Area Charts

Area Chart

This is a simple area chart

Full Area Chart

This is an area chart that fills the frame

Gradient Area Chart

This is a full area chart with gradient

Outlined Area Chart

This is an outlined area chart

Stacked Area Chart

This is a stacked area chart with a legend

Normalized Area Chart

This is a normalized stacked area chart

Scatter Charts

Scatter Chart

This is a scatter chart with interactive lines

Scatter Chart

This is a scatter chart with interactive circles

Linear Line Scatter Chart

This is a scatter chart with a fitted linear line

Fitted Line Scatter Chart

This is a scatter chart with a fitted no-linear line

Multiclass Scatter Chart

This is a scatter chart with multiple classes

Custom Scatter Chart

This is a scatter chart with custom labels

Other Charts

Treemap

This is a simple treemap chart

Image Treemap

This is a treemap with images

Gradient Treemap

This is a treemap with gradient backgrounds

Bubble Chart (div)

This is a simple bubble chart

Funnel Chart

This is a simple funnel chart

Radar Chart

This is a simple radar chart

Multi Radar Chart

This is a simple multi radar chart

Labeled Rounded Radar

This is a labeled rounded radar chart

Multi Rounded Radar

This is a multi rounded radar chart

Heatmap

This is a Github style heatmap

Join the next generation of charting

Try out the charts above and give us feedback on Twitter or Github!

Get Started

rosen / charts

The next[js] generation of charting

The first fully RSC compatible, copy-pasteable charting library with support for the latest and greatest web technologies. Customize the finest of details while reducing bundle sizes and network roundtrips.

The next[js]
generation
of
charting