🌍 Public
Viewing a saved revision (read-only)
200c3ae56f0641b4a837d170fe7dcee9
D3 Course 10: Choropleth Map
This choropleth map visualizes world countries colored by economy type, with hover states highlighting individual regions and a legend displaying the color scale. The map uses a natural Earth projection rendered as SVG paths via d3.geoPath, with zoom support through d3.zoom. Data combines TopoJSON country boundaries from the World Atlas with tabular TSV metadata, plus CSV guest data. The color scale uses d3.scaleOrdinal with schemeSpectral, and the legend is custom-built using SVG circles and text.
AI-generated descriptionData Visualization with D3 course; Choropleth Map
<h3>Making a Choropleth Map</h3> <table> <th align="left">Topics</th> <tr> <td> <ul> <li><b>Integrating TopoJSON with tabular data</b></li> <li><b>Creating a loadAndProcessData module</b></li> <li><b>Visualizing an ordered attribute with color</b></li> <li><b>Showing data from 2 attributes in tooltip</b></li> <li><b>Adding a color legend</b></li> </td> </tr> </table>