kitegraph

Chart gallery.

Every chart type, in one place. Line is live today; the rest of the gallery lands type by type, and each one gets the same animation, annotation, and export system.

Line Live

Trends over time, one series or many. The full editor applies: dual axes, log scales, trend lines, annotations pinned to the data, and the animated reveal.

dual axeslog scaletrend linestimeline eventsanimated reveal
Area Soon

A line with weight. The fill gives totals and volumes their visual mass, so growth reads as accumulation, not just direction.

fill opacitybaseline at zeroanimated sweep
Live demo arrives with this chart type
Stacked area Soon

How the parts of a total shift over time. The bands make composition changes visible where separate lines would tangle.

stacked totalsband orderinghover breakdown
Live demo arrives with this chart type
Stream Soon

Composition over time, centered instead of stacked. Reads as flow, built for long timespans with many categories.

centered baselinesmooth bandingera labels
Live demo arrives with this chart type
Bar Soon

Compare categories at a glance. Sorted, labeled, and readable at any width, which is what bars are for.

ranked sortingvalue labelsper-bar color
Live demo arrives with this chart type
Stacked bar Soon

Category totals and what they are made of, in one mark. The breakdown lives inside the bar.

segment breakdowntotal labelshover detail
Live demo arrives with this chart type
Grouped bar Soon

Two or more series side by side within each category. Direct comparison without switching charts.

series pairsshared scalelegend sync
Live demo arrives with this chart type
Bar race Soon

Rankings reordering over time, animated. The signature animated chart: bars overtake each other as the timeline plays.

animated re-rankingyear counterMP4 + GIF export
Live demo arrives with this chart type
Column Soon

Vertical bars for values across time or category. The default for discrete periods: quarters, years, releases.

time or category axisvalue labelsperiod hover
Live demo arrives with this chart type
Stacked column Soon

Totals and their parts, period by period. Composition change over time in a form everyone reads instantly.

stacked totalspart labelsperiod hover
Live demo arrives with this chart type
Grouped column Soon

Series side by side within each period. Head-to-head comparison across time.

series pairsshared scaleperiod hover
Live demo arrives with this chart type
Scatter Soon

Two variables, one point per observation. Both axes can come from different library statistics, so relationships across sources become one chart.

two-statistic axespoint labelstrend fit
Live demo arrives with this chart type
Bubble Soon

A scatter with a third variable as point size. Three dimensions on one plane.

size dimensionlabeled outlierstrend fit
Live demo arrives with this chart type
Dot plot Soon

One value per row on a common scale. The quietest way to compare many items precisely.

per-row valuescommon scalesorted rows
Live demo arrives with this chart type
Range plot Soon

From-to spans per row. Built for gaps and spreads: wage ranges, confidence intervals, term structures.

span endpointsgap labelssorted rows
Live demo arrives with this chart type
Arrow plot Soon

Change between two points in time, per row. Direction and distance in one mark.

two-period comparedirection arrowschange labels
Live demo arrives with this chart type
Pie Soon

Parts of a whole at one moment. Direct labels, no legend hunting.

direct labelspart percentagescallout slices
Live demo arrives with this chart type
Donut Soon

A pie with the center free for the number that matters. The total lives inside the chart.

center KPIdirect labelspart percentages
Live demo arrives with this chart type
Election Soon

The half-donut for seats and majorities. Includes the marker that matters: the majority line.

seat countsmajority linebloc colors
Live demo arrives with this chart type
Treemap Soon

Nested proportions as tiles, where area is value. Budgets, portfolios, market composition.

nested hierarchyarea = valuedrill labels
Live demo arrives with this chart type
Map Soon

Values by country or US state, colored on a map. The library's geographic statistics land here directly.

US states + worldcolor scaleshover values
Live demo arrives with this chart type
Candlestick Soon

OHLC price action for any of the 21,000 tickers in the library. Open, high, low, close, straight from the markets source.

OHLC detailany library tickerdate-range zoom
Live demo arrives with this chart type
Heatmap Soon

A grid of values read by color. Seasonality, correlation matrices, activity calendars.

matrix griddiverging scalescell values
Live demo arrives with this chart type
Table Soon

Sometimes the data is the chart. Formatted numbers that publish and embed like any other chart.

number formattingcolumn alignmentembeds like a chart
Live demo arrives with this chart type
Radar Soon

Several dimensions, one shape per series. Profile comparisons where shape is the story.

multi-dimension axesshape overlayaxis labels
Live demo arrives with this chart type
Sankey Soon

Weighted flows between stages. Where budgets, energy, and users actually go.

flow weightsstage labelshover paths
Live demo arrives with this chart type
Gauge Soon

One number against a scale. For dashboards and targets, without pretending to be more.

single KPIthreshold bandstarget marker
Live demo arrives with this chart type
Boxplot Soon

Distributions summarized honestly: median, quartiles, outliers. For when the average hides the story.

quartile boxesoutlier pointsgroup compare
Live demo arrives with this chart type

Start with the one that's live.

Line charts ship today, with the full animation and export system.

Chart gallery — Kitegraph