Maps and lines

Maps color regions by a value, place points and small charts at real locations, and draw routes between them, on geographic data or any SVG drawing.

LLMs

Choropleth

A map series colors Turkey's 81 provinces by population through a piecewise visualMap, so Istanbul does not wash out the rest.

Labeled regions

A map series with label turned on names every district, and a visualMap with realtime off recolors only when you let go.

SVG regions

Register an SVG as a map and its named shapes become regions a map series can color, here cuts of beef by price.

Custom projection

Pass projection with project and unproject functions to draw the provinces through a conic conformal projection, not plain longitude and latitude.

Choropleth and scatter

A scatter series and a map series share one geo through geoIndex, each driven by its own visualMap for size and color.

Pies on a map

Set a pie series' coordinateSystem to geo to place it at a longitude and latitude, or at a region named in center.

Route on a map

A graph series on the geo coordinate system links stops with arrowed edges, over regions labeled by nameProperty.

Scatter on an SVG map

An effectScatter series placed in the coordinates of the SVG drawing, with symbolSize read from each point's third value.

Linked highlight

Hovering a bar dispatches highlight on the geo region with the same name, and clicking regions selects several with selectedMode.

Seat picker

A geo with selectedMode set to multiple turns an SVG cabin into a seat picker, with taken seats made silent through regions.

Route on a floor plan

A lines series with polyline draws a dotted path over an SVG floor plan, and its effect moves a symbol along it.

Region tooltips

Dispatch geoSelect and showTip from a control to select a route on an SVG map and pin its own tooltip beside it.

Moving symbols

A lines series with an invisible lineStyle moves an effect symbol along each path, with a color and constantSpeed per route.

Map to bar

A map series and a bar series that share an id morph into each other through universalTransition every two seconds.

Large line set

A lines series with large draws more than 65,000 curved routes between airports in one pass, at a low opacity.

Progressive loading

A lines series with large and progressive takes routes in chunks as they arrive, drawing each batch over a zoomed map.