Scatter

Scatter charts place each record by two values, to show how they relate, where points cluster and which ones stand apart.

LLMs

Basic scatter

A scatter series plots each pair of values as a point, here ad spend against the sign-ups it brought in.

Ripple effect

An effectScatter series draws rippling points over a plain scatter, to call out the lightest and heaviest birds.

Anscombe's quartet

Four grid panels share one markLine fit, showing four very different data sets with the same summary statistics.

Punch card

A symbolSize callback sizes each point by its count on two category axes, with an animationDelay per point.

Polar punch card

The same punch card on a polar coordinate system, with hours around the circle and days along the radius.

Jitter

Set jitter on a category axis to spread overlapping points sideways, so a thousand values per day stay readable.

Single axis

One singleAxis per day stacks seven rows of points, each sized by its count, with a title beside every row.

Labels along the top

A labelLayout with a fixed y lines every label up at the top, with labelLine leaders and hideOverlap.

Labels along the right

A labelLayout callback moves every label to the right edge and shifts overlapping ones with moveOverlap.

Gradient bubbles

Fill each bubble with a RadialGradient and a soft shadow, sized by population, comparing two years of data.

Brush and marks

Two series with brush selection, a dashed markArea around each range, markPoint extremes and markLine averages.

Linear regression

A line series draws a least squares fit through the points, with the fitted formula in its endLabel.

Exponential regression

A smooth line follows an exponential fit of fast growing values, with the fitted formula at its end.

Logarithmic regression

Two years split by a filter transform share one logarithmic trend line, with visualMap sizing each point.

Polynomial regression

A third order polynomial fit drawn as a smooth line, bending through points that a straight line would miss.

Clustering

A piecewise visualMap colors each point by the cluster it falls into, after splitting the points into six groups.

Points to bars

A universalTransition morphs each group of points into the bar for its average, and back again.

Clustering step by step

A timeline steps through each split, with custom series drawing the points and a ring around the new cluster.

Symbol morph

Change symbol on a timer and universalTransition morphs a grid of points from one shape into the next.

Large data

Set large to draw a million points from typed arrays in one pass, with dataZoom to look closer.

Nebula

A million points in a spiral cloud, drawn in large mode with a dataZoom slider on each axis.

Visual map on many points

A continuous visualMap colors sixteen thousand points by price, and dragging its handles filters them.

Air quality

Two visualMap components map one value to point size and another to lightness, across three cities.

Nutrients

Pick the fields on each axis and the points animate to their new places, colored by food group with visualMap.

Linked panels

Four grid panels with linked axisPointer lines and dataZoom sliders, each axis picking its own field.

Timeline

A timeline plays two centuries of income and life expectancy by country, on a log axis with bubbles by population.

Data colors

An itemStyle.color callback paints each point in the color it stands for, the hues painters used over time.

Scatter on a map

A scatter series on a geo component places each country at its location, sized by population.