Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of d3-voronoi-treemap usage

Public visualization

Fork of d3-voronoi-treemap usage

0 stars0🌍 Public
Ssmeiljoe
Last edited Apr 1, 2021
Created on Apr 1, 2021

This example uses the d3-voronoi-treemap plugin to display the global economy by GDP as of January 2017, with countries sized by their economic weight and grouped by continent. Each country appears as a polygonal cell within a circular treemap, colored by its continent’s assigned hue. The code loads hierarchical JSON data, computes a weighted Voronoi treemap layout with a custom clipping polygon, and renders the result as SVG paths and labels. Built with D3 v4, it also includes hover effects and a color legend.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed