Chart Types

Standard line chart connecting data points with straight segments. Supports markers, data labels, zones, negative color, step interpolation and dash styles.

Smooth interpolated line using a Catmull-Rom curve (α=0.5). Same API as line, but the curve passes naturally through every point.

Filled area under a line. Supports normal and percent stacking, negative fill color and trackByArea hover.

Area chart with smooth Catmull-Rom interpolation — the filled area of area with the smooth curve of spline.

Vertical bar chart. Supports grouped bars, stacking, colorByPoint, border radius and minimum bar length.

Horizontal bar chart — an inverted column using the same renderer with swapped axes. All column options apply.

X/Y point cloud with configurable marker symbols and no connecting lines. Supports jitter for overlapping points.

Scatter where the marker radius encodes a third value (z), using a square-root scale so area is proportional to z.

Cumulative floating bars with connectors showing incremental contributions. Use isSum and isIntermediateSum on points for totals and subtotals.

Box-and-whisker plot showing a distribution: low, Q1, median, Q3 and high values.

Distribution visualization showing data density as a symmetric KDE (kernel density estimate) curve mirrored on both sides.

OHLC candlestick chart for time series. Filled body for bearish candles (close < open), hollow for bullish; wicks show the high/low range.

Open/High/Low/Close tick marks without a filled body — the same data as candlestick rendered as horizontal ticks on a vertical range bar.

Smoothed candlesticks computed from averaged OHLC values, highlighting trend direction.

Profit/loss area colored above and below a baseline threshold.

Filled band between a low and high value per x — confidence intervals or min/max ranges.

Vertical bars spanning a low-to-high value per category — e.g. daily temperature min/max.

Area range with a smooth Catmull-Rom curve on the band edges — the spline counterpart of area range.

Declarative technical indicators added as series via type + linkedTo + params, computed from the linked series. Overlays (SMA, EMA, WMA, DEMA, TEMA, Bollinger, VWAP, Ichimoku, PSAR) share the price axis; oscillators (RSI, MACD, Stochastic, ATR, CCI, ROC, Momentum, ADX) sit in their own pane via a stacked yAxis.

Horizontal volume bars binned by price level, overlaid on the price chart — shows where the most volume traded.

Circular chart divided into proportional slices (no axes). Supports sliced offset, custom start/end angles and connector data labels.

Pie chart with an inner radius cut out. Identical to pie with innerSize set.

Rectangles sized by value. Supports tiling algorithms, hierarchical levels and drill-to-node.

Radial hierarchical chart; each concentric ring is a level of the hierarchy.

Tidy-tree layout for hierarchical data. Nodes are drawn as circles linked by smooth edges; accepts id/parent rows or nested children.

Narrowing trapezoid stages showing conversion or attrition through a process.

Inverted funnel (widest at the bottom). Same data format as funnel.

Hemicycle of round seats — one per unit of each category's value — arranged in concentric arcs. Hovering a seat highlights its category and dims the rest; clicking a seat fires a point event. Use type 'item' with custom angles, or 'classroom' for the bottom-anchored hemicycle defaults.

Flow diagram showing quantities between nodes. Nodes are created implicitly from the from/to fields.

Force-directed graph; nodes repel while edges act as springs.

Circular chord diagram showing weighted relationships arranged around a circle.

Angular speedometer-style gauge with a needle. Supports plot bands for colored ranges.

Filled arc progress indicator — a solid colored arc instead of a needle. Ideal for KPIs and progress.

Radial coordinate chart; points map to angle (category) and radius (value). Set chart.polar: true.

Grid of colored rectangles with a sequential color scale. Requires colorAxis to map values to colors.

Sequential event markers laid along a line; each point is a milestone with a name, a short label and an optional description shown in the tooltip. Horizontal by default, vertical when chart.inverted is set.

Horizontal time-based bars showing task durations and dependencies.

Venn diagram showing set intersections and overlaps.

Words sized by weight and placed without overlap along a spiral. Useful for term frequency and tag clouds.

Animated bar chart race showing rankings changing over time; bars animate between positions as the timeline progresses.

Stacked column whose fill is masked to a custom SVG silhouette, so the shape fills proportionally like a gauge. Pair it with stacking: 'percent' to read shares of a whole.

Choropleth world map. Supply topology via chart.map (GeoJSON or TopoJSON) and join your data to features with joinBy.

An Orthographic projection turns the map into an interactive 3D globe — drag to rotate, scroll to zoom, with atmosphere and graticule.

Zoom into a single region by passing a pre-filtered FeatureCollection. Data labels mark each area at its centroid.

The same world choropleth rendered with the Web Mercator projection — switch projections with a single option.

Point markers placed at geographic lat/lon coordinates on top of a basemap. Markers, data labels, tooltips, hover and click all project through the same mapView as the basemap.

Directional, tapered curved bands between two geographic endpoints. Endpoints are either [lon, lat] pairs or the id of a point in a sibling mappoint series; band thickness scales with each link's weight and an arrowhead marks the destination.

Volcano plot — fold change (x) vs statistical significance (−log10 p-value, y). Points are colored by significance thresholds: upregulated, downregulated, non-significant.

GWAS visualization — points along chromosomal positions with alternating colors per chromosome and a genome-wide significance line. Canvas-rendered above ~20k points.

Survival curve (step function) with optional confidence intervals, censoring marks, an at-risk table and a median survival line.

Meta-analysis forest plot showing effect sizes with confidence intervals across studies; square size encodes study weight.

DNA/protein sequence logo — stacked letters per position sized by information content / frequency.

Heatmap with hierarchical clustering dendrograms on rows and/or columns — common for gene-expression analysis.

Phylogenetic tree for evolutionary relationships — rectangular or radial layouts with branch lengths and bootstrap values.

Principal Coordinates Analysis / ordination scatter with an optional confidence ellipse per group.

Circular genome visualization with multiple configurable track types (histogram, scatter, heatmap, line, link). The base for all circos variants.

Matrix heatmap wrapped onto a ring — rows become angular sectors, columns become concentric bands. Ideal for expression or abundance matrices.

Multi-species synteny layout — chromosomes from several genomes share one circle, joined by variable-width ribbons between conserved regions.

Values rendered along an Archimedean spiral, one revolution per period — surfaces seasonality and long-range trends a flat axis would hide.