omar6627-ai

@omar6627-ai·2 public vizzes

Let's make a map with D3.js!

This example demonstrates how to load and inspect geographic data for map visualization using D3.js. It fetches world-atlas TopoJSON data from a CDN, converts it to GeoJSON with the topojson feature function, and logs the result type to the console. The page sets up an SVG canvas sized 960 by 500 pixels and uses d3.json to handle asynchronous data loading. The current code establishes the foundation for drawing a map but does not yet render any geographic shapes or paths.

Aug 10, 2020

Loading thumbnail…

Let's make a map with D3.js!

This example shows a world map rendered with a Natural Earth projection, displaying country boundaries as light green polygons against a blue sphere. The visualization uses D3.js v5 and TopoJSON to load and convert world-atlas geodata, with `d3.geoNaturalEarth1` and `d3.geoPath` generating the SVG paths. It draws the sphere background and country outlines via appended `<path>` elements, relying on the `feature` method to extract country shapes from TopoJSON.

Aug 10, 2020