mclee933

@mclee933·2 public vizzes

Untitled

This visualization displays a scatter plot of environmental data from the Data Canvas Sense Your City dataset, with each point positioned by its geographic coordinates. The plot is rendered over a world map built from the TopoJSON file `countries.gro.json`, using `d3.geoPath` to project and draw the country outlines. Data points are plotted using d3 scales and SVG circles, with the map projection and scatter plot layers combined in a single d3.js visualization. The example leverages d3’s data-binding and geographic projection APIs to overlay sensor readings on a global context.

Oct 3, 2020

Loading thumbnail…

World Map

This world map visualization displays landmasses and country borders using a natural Earth projection with d3.geoPath and d3.geoGraticule. The SVG rendering, built with React, layers a light gray sphere, teal land fills, green interior boundaries, and cyan graticule lines. Data comes from the world-atlas TopoJSON dataset, processed through topojson.feature and topojson.mesh to extract land geometry and internal borders. The visualization emphasizes clean, stylized geographic outlines rather than thematic data encoding.

Oct 3, 2020