AnyChart JS 9.0.0 is out, and this version of our JavaScript charting library is a big one for new chart types. Dependency wheels and arc diagrams map connections. Org charts lay out hierarchies. Stream graphs and waffle charts show what a whole is made of. Lollipop and dumbbell charts compare values and the gaps between them. On top of that, the release brings plenty of other new features. Take a look at what’s new.
New Chart Types
Dependency Wheel (Chord Diagram)
A dependency wheel arranges the nodes of a network around a ring and connects them with ribbons as wide as the flows between them. The heaviest relationships stand out at once, in both directions, which suits closed systems like trade between countries, passengers between cities, or dependencies between software modules. In the chart above, each ribbon fades from the region people leave to the one they move to.
Learn more: Documentation · Gallery · Chartopedia
Arc Diagram
An arc diagram lines the same kind of data up along one axis: nodes sit in a row, and each link is an arc as thick as its weight. Labels stay readable, and once the nodes are sorted, clusters show up as nested arcs. It takes the same data as the dependency wheel and the Sankey diagram, so one data set can be drawn as a wheel, as arcs, or as a Sankey.
Learn more: Documentation · Gallery · Chartopedia
Organizational Chart
An org chart draws any hierarchy as a tree of cards, from a company’s reporting lines to a taxonomy or a decision tree. The layout is automatic, branches collapse and expand, and large trees can be panned and zoomed, so even a big organization stays readable.
Learn more: Documentation · Gallery · Chartopedia
Stream Graph
A stream graph stacks its layers around a baseline that moves, so the whole chart flows like a river and each band swells and thins with its value over time. It is made for a changing mix where the shape of the change matters more than exact numbers, like the rise and fall of music formats in the chart above, from vinyl to streaming.
Learn more: Documentation · Gallery · Chartopedia
Waffle Chart
A waffle chart shows parts of a whole as a grid of cells, one percent each on the default 10 by 10 grid. Shares become something you can count, and even a single percent gets a cell of its own: in the chart above, one cell holds every gas in the air other than nitrogen and oxygen.
Learn more: Documentation · Gallery · Chartopedia
Lollipop Chart
A lollipop chart draws each value as a thin stick with a dot on top. It says what a column chart says with far less ink, which keeps long, sorted rankings light and readable. Lollipop is a series type, so it can also share a plot with columns, lines, or any other Cartesian series.
Learn more: Documentation · Gallery · Chartopedia
Dumbbell Chart
A dumbbell chart joins two values per category with a line, so the gap between them is what you read first: a salary band, before and after, this year against last. Like the lollipop, it is a series type that works on its own or next to other series on the same plot.
Learn more: Documentation · Gallery · Chartopedia
What Else Is New
AnyChart JS 9.0.0 brings more than new charts:
- Accessibility down to individual data points
- Themes and palettes that load and apply by name
- A new Data Sheet component
- Boost mode for large data sets
- Smaller improvements and fixes across AnyChart, AnyStock, AnyMap, and AnyGantt
As a major version, it also changes some defaults and behaviors. Before you upgrade, look through the version history of the product you use: AnyChart, AnyStock, AnyMap, or AnyGantt.
Get AnyChart JS 9.0.0
Download AnyChart JS Charts 9.0.0 from the download page, npm, or the CDN, and see all the new charts in the gallery.
Questions about upgrading? Our Support Team can help.
Stay updated with the latest news and tutorials by following our blog and social media channels: LinkedIn, X, Bluesky, Medium, and Facebook.
Top comments (0)