Skip to main content
100%

Treemap

✓ Published0🌍 Public
PPatMartin
Last edited Aug 7, 2017
Created on Jan 11, 2017

A treemap visualizes crime statistics from the crime2000.csv file, displaying a hierarchy of states, crime types, and specific offenses with rectangle sizes proportional to incident counts. The chart uses dex.js, specifically the `dex.charts.d3.Treemap` class, to render the hierarchical data with auto-sizing text and shaded partitions. It builds on Mike Bostock's treemap example, leveraging the d3.csv parser to load the data and render the visualization within the TreemapParent div.

AI-generated description

Treemap

This demonstrates how to create a Treemap from csv data using dex.js.

This treemap is based upon Mike Bostocks excellent example.

Features

  • Auto-sizing text
  • Unlimited levels
  • Dynamic / Manual sizing of partitions
    • manualSizing : (true|false)
  • Top level summation
  • Partition auto-shading
    • shader : { type : (lighten|darken), increment : 0..1 }

References

mit Licensed

Similar vizzes