Examples

bar chart

horizontal

horizontal placement

horizontal with range

vertical

vertical placement

vertical with rotation

band scale on axis

band scale on value

label placement

line to point

on axis with tooltip

on series with line and tooltip

on series with tooltip

series annotation

bar chart (multiple)

bar chart (single)

bar chart (value)

hide tooltip

horizontal with fill multiple

horizontal with pattern lower bound

horizontal with pattern range

horizontal with pattern upper bound

label placement

vertical with gradient range

vertical with pattern lower bound

vertical with pattern range

vertical with pattern upper bound

color wheel

concentric

draggable arc

label direction

partial arc

playground

segmented arc

segmented arc clip mask

tween value on mount

basic

color

gradient with text

radius fixed

radius offset

radius percent

series

series arc

series individual

series labels

series motion spring

series motion tween

series start 180

series start 90

series track color

track size

basic

clip tween on mount

clipped area on tooltip

explicit axis ticks min max

gradient

gradient separate stroke

highlight color based on value using color scale

highlight color based on value using tooltip slot prop

multiple series

multiple series highlight on hover

multiple series using overrides

multiple series with labels

playground

stack

stack with gradient

threshold with lineargradient

threshold with lineargradient over under

threshold with rectclippath

threshold with rectclippath over under

with labels

with tooltip and highlight

band scale

basic

brush

brush sync

curve

custom

custom tooltip

default series label

funnel

gradient

labels

line annotation

markers

null gaps

point annotations

point scale

points

radial

range annotation

series

series individual tooltip

series point annotations

series point click

series separate data

series stack

series stack diverging

series stack expand

series stack gradient

series stack legend

series stack legend labels

series stack legend placement

series stack separate data

series tooltip click

single axis x

single axis y

sparkline

threshold

threshold gradient

tooltip external

tooltip fixed with hide delay

tooltip locking

arrow markers

axis label placement left right

axis label placement top bottom

barchart xinterval xinset

explicit ticks

extent ticks only

grid

grid dashed

hide zero filter

hide zero format

inject ticks

integer only filter

integer only format

labels next hash

linechart tickspacing

log scale

multiline tick labels

multiple axis grid and rules

multiple axis grid and rules separate grid

multiple axis grid with single rule

multiple axis same placement bottom

multiple axis same placement right

override axis ticks scale

placement bottom left

placement bottom left rule

placement top right

placement top right rule

radial grid

radial rule

remove tick marks

rotate labels

tick count

tick label styling

tick spacing

time scale auto

time scale auto format filtering

time scale auto multiline

time scale brush

time scale brush multiline

time scale explicit

time scale explicit multiline

axis labels inside bars

axis labels inside bars using labels

both axis grid

both axis grid align between

brushing

color bars class

color per value

color threshold

color using scale

custom chart

custom tooltip

duration

duration bars

duration bars color

duration bars dense

duration bars dense lanes

duration bars lanes

duration civilization timeline

duration civilization timeline dense

duration points

duration points color

dynamic height

gradient

group series

group series bar click

group series horizontal

group series labels

group series series long data

highlight below marks

histogram date time count

histogram date time interval

histogram horizontal

histogram random distribution

histogram vertical

horizontal

labels

labels inside placement

legend custom labels

legend group series

legend placement

legend stack series

line annotation

oscilloscope frequency

override axis ticks with custom scale

point annotation

radial horizontal

radial horizontal color per value

radial horizontal duration

radial horizontal grid between

radial vertical

radial vertical arcpadding

radial vertical yrange

radial weather

range annotation multiple

range annotation single

range annotation value

remove rounding

scale override

series

series data

series diverging

series horizontal

series horizontal diverging

series horizontal diverging as percent

single axis x

single axis y

single dimension

single stack with indicator

sparkbar

sparkbar fixed position tooltip

sparkbar negative data

sparkbar within a paragraph

sparkbar within a paragraph with tooltip and highlight

stack series

stack series diverging

stack series expand

stack series horizontal

stack series padded

time scale interval

time scale interval horizontal

time scale interval with inset

tooltip click

vertical default

horizontal average annotation rule

horizontal basic

horizontal calculated value domain negative

horizontal calculated value domain positive

horizontal candlestick bars

horizontal click handler

horizontal customize individual styles

horizontal gradient

horizontal grouped

horizontal grouped and stacked

horizontal grouped stacked or both transition

horizontal highlight individual bar

horizontal highlight individual bar line

horizontal inside labels

horizontal limit ticks count

horizontal limit ticks second scale

horizontal multiple diverging

horizontal multiple overlapping

horizontal outside labels default

horizontal rounded right only

horizontal stacked

horizontal stacked percent

horizontal stagger tween on mount

horizontal time scale with inset

horizontal time scale with interval

horizontal time scale with missing data

horizontal tooltip and bar highlight

horizontal tooltip and click handlers for individual stack grouped bar

horizontal tooltip and clipped highlight

horizontal tooltip and highlight

horizontal tween on mount

horizontal with grid on top

horizontal with grid on top mix blend

vertical average annotation rule

vertical basic

vertical calculated value domain negative

vertical calculated value domain positive

vertical click handler

vertical customize individual styles

vertical gradient

vertical grouped

vertical grouped and stacked

vertical grouped stacked or both transition

vertical highlight individual bar

vertical highlight individual bar line

vertical inside labels

vertical limit ticks count

vertical limit ticks second scale

vertical multiple diverging

vertical multiple diverging rounded specific

vertical multiple overlapping

vertical outside labels default

vertical rounded top only

vertical stacked

vertical stacked percent

vertical stagger tween on mount

vertical stagger tween on mount rounded edge

vertical time scale with inset

vertical time scale with interval

vertical time scale with interval months

vertical time scale with missing data

vertical tooltip and bar highlight

vertical tooltip and click handlers for individual stack grouped bar

vertical tooltip and clipped highlight

vertical tooltip and highlight

vertical tween on mount

vertical tween on mount rounded edge

vertical with grid on top

vertical with grid on top mix blend

basic

constant labels

handle arrows

handle labels

integrated brush (both axis area)

integrated brush (x axis)

integrated brush (y axis)

minimap

selection

separate chart (clip data y axis)

separate chart (clip data)

separate chart (filter data)

simple styling

striped background

sync brushes with bind xdomain

tooltip interop

90 days

basic

fixed cell size

html with padding

last month

multiple years

responsive cell size default

rounded cells

compound common scale with extra marks

compound dual axis with single chart using remapped scale

compound dual axis with stacked charts

compound separate scales with stacked charts and overridden marks

compound separate scales with stacked charts with inverted range top down

styling using attributes

styling using classes

styling using css variables

basic

pixelated

schemes

playground

basic

playground

software user flow

tcp state diagram

styling using attributes

styling using classes

styling using css variables

beeswarm

collision detection

disjoint graph

graph drag

graph playground

group

lattice

text

tree

basic

border

full

gradient

earthquake globe

playground

geojson preview

projection playground

shapefile preview

topojson preview

animated globe

bubble map

choropleth

eclipses globe

sketchy globe

spike map

submarine cables globe

timezones

tooltip

transform canvas

transform projection

translucent globe

us country map

us state

us state with counties

us state with surrounding states

icons

us airports

us state capitals

world airports

world capitals

draggable globe

world map

basic

clipped

zoomable

zoomable seamless layers

zoomable with padding

basic

band scale between

band scale default

basic

dashed lines

explicit ticks

inject tick value

integer only

padding

radial

radial linear

tick count

tick count null

tick count responsive

x only

y only

basic

geo

scatter

all 3 layers

chart integration

chart placement

children override

click handler

diverging

diverging sqrt

ordinal

quantile

quantize