d3 Treemap with Title Headers

d3 Treemap with Title Headers

A d3 tree map with group headers. I created two versions: the first uses SVG labels which are nice because you can measure them to decide what room is available for displaying a label in a given cell. However, wrapping is much more involved and I ended up creating a second version which uses embedded HTML divs to create self wrapping labels which seem to look a little nicer.

Add a Comment

Login or register to post comments
 
Posted Oct 11, 2013
 
Views: 1583
Tags d3, d3.js, d3js, data visualisation, data visualization, Data visualization,, javascript
Tools d3, d3.j3, d3.js, d3js, HTML, javascript, Javascript, javascript D3 (Data-Driven Documents)
Data No data sets referenced yet.
Share
Embed
<iframe src="http://visualizing.org/embedded/141828" width="620" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
Need help embedding?