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 descriptionTreemap
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
- dex.js The main site
mit Licensed