AG Studio: Build dashboards using native components in web apps. Join us for a webinar on 28th July at 2pm UTC+1 Register
AG Grid
Best JavaScript Grid in the World
AG Charts
Best JavaScript Charts in the World
AG Studio
Best JavaScript Dashboard in the World
Bryntum Gantt
Speed-tuned Gantt chart for project planning
Bryntum Scheduler
Resource scheduling timeline component
PROPRO
Bryntum Scheduler Pro
Scheduler with auto-scheduling and constraints
Bryntum Calendar
Flexible JavaScript event calendar
Bryntum Task Board
Kanban-style task board component
Search

Treemap Chart with Colour Range Example

This example shows a treemap chart with colour range built with AG Charts, showing a hierarchy as nested rectangles sized by value. Configure the nesting, colour ranges, labels and tooltips, then build the same chart in JavaScript, React, Angular or Vue.

Get started with JavaScript, React, Angular or Vue.

More from the charts gallery...

Treemap Chart with Nesting
Heatmap Chart
Heatmap Chart with Labels