ICE-8 β Section 1: Making Maps
D3 + TopoJSON using the
world-atlas dataset for a world map and
the us-atlas dataset for a US map
example.
< section id="world">
< h2>World Map (Natural Earth Projection)
< div class="chart-wrap">
< svg
id="world-svg"
viewBox="0 0 960 520"
aria-label="World map">
D ata source:
world-atlas@2/countries-110m.json
>
Projection: d3.geoNaturalEarth1()
< /div>
< section id="us">
US States (Albers USA Projection)
svg>
Dat a source: us-atlas@3/states-10m.json
/>
Projection: d3.geoAlbersUsa()
/>
Linked dataset: us_states_demo_metric.csv
< !-- π¦ D3 + TopoJSON + Projections -->