Back To Categories

Area Lines and SplinesBars and ColumnsBubble ChartsGantt ChartsData GridCombination ChartsClassic Gauge ChartsCircular Gauge / Activity Ring ChartsModern Linear Gauge ChartsFinance Stock ChartsLines, Splines and StepLinesOrganizational ChartsPoint MarkersScatter PlotsPie and Donut ChartsRadar and Polar ChartsFunnel, Cone and Pyramid ChartsHeatMap ChartsTreeMap ChartsJavaScript Mapping ChartsCalendar ChartsMosaic plot chartsMicro charts and SparkLinesAnnotation usage and examples.AxisDashboardMapping Component FeaturesUser InteractionsLabelChart LegendData Manipulation and nestingVisual StylingPalette Chart SamplesInfographicsTooltip & CrosshairChart LayoutPHPInternationalization and GlobalizationDynamic ChartingAccessibility

TreeMap Charts

A treemap chart uses a hierarchical display of nested rectangles where each node of the tree gets its own area which is then further subdivided based on the nested values. By shading the rectangles with value data and examining the relative size of the rectangles, useful patterns emerge for those viewing treemaps.

• • Treemap Aqua

    A simple treemap with rounded shading.

  • Treemap Cushion

    A treemap chart with cushion shading algorithm.

  • Treemap Cushion Dense

    Treemap using cushion shading as an option.

  • Treemap Files

    Treemap chart of file sizes in folder.

• • Treemap Modes

    Treemap of top 20 country populations.

  • Treemap Population

    Treemap of top 20 country populations.

  • Treemap Rounded

    Treemap with rounded shading.

  • Treemap Smart Palette

    Treemap of top 20 country populations with a smartPalette.

• • Treemap Subtle

    Treemap with the default subtle shading.