Skip to main content
Log in
I

imackerracher

@imackerracher·2 public vizzes

Loading thumbnail…

Let's make a map with D3.js!

This example demonstrates a static world map using D3.js, rendering countries and the Earth’s sphere as SVG paths with a Natural Earth projection. It uses `d3.geoPath` with `d3.geoNaturalEarth1`, and the `topojson` library’s `feature` method to convert TopoJSON from the `world-atlas` dataset into GeoJSON features. The sphere is drawn in blue, countries in light green with black outlines, and the code loads data asynchronously via `d3.json`.

Mar 14, 2019
Loading thumbnail…

Let's make a map with D3.js!

This example visualizes a world map using D3.js with multiple map layers. It renders a blue sphere background and green country polygons with black borders using SVG paths, projected through the Natural Earth projection. The code uses `d3.geoPath`, `d3.geoNaturalEarth1`, and the `topojson` library’s `feature` function to convert TopoJSON data from the world-atlas package. Country boundaries are drawn from the 110m resolution dataset, and the map is currently static with no interaction.

Mar 14, 2019