Skip to main content
100%

Nafta tre

✓ Published0🌍 Public
Aandrewwitherspoon
Last edited Oct 17, 2017
Created on Oct 17, 2017

A treemap of U.S. trade with Canada visualizes the value of exported goods across 99 product categories. Each rectangle's area encodes the export value in US dollars, while color encodes the product category using a faded categorical palette. The visualization uses D3 v4’s hierarchical treemap layout with the squarified tiling algorithm to recursively subdivide the space. A radio button labeled “Size” is provided, though it only toggles the single available mode; hovering is not implemented, and the animation is limited to the initial layout transition. The data is from the Flare toolkit and Jeff Heer’s dataset, adapted by andrewwitherspoon.

AI-generated description

A treemap recursively subdivides area into rectangles; the area of any node in the tree corresponds to its value. This example uses color to encode different packages of the Flare visualization toolkit. Treemap design invented by Ben Shneiderman. Squarified algorithm by Bruls, Huizing and van Wijk. Data courtesy Jeff Heer.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4063582'>Treemap</a>

forked from <a href='http://bl.ocks.org/andrewwitherspoon/'>andrewwitherspoon</a>'s block: <a href='http://bl.ocks.org/andrewwitherspoon/6295da517c2ae4a0ef2e300de3b336f7'>Treemap</a>

gpl-3.0 Licensed

Similar vizzes