soticoker

@soticoker·2 public vizzes

Sized Points on a Map

A world map displays cities with populations exceeding 50,000 as semi-transparent teal circles, with the circle radius scaled by the square root of each city’s population. The map uses a natural Earth projection with graticules and country boundaries derived from World Atlas TopoJSON, processed via the `topojson` `feature` and `mesh` APIs. City data comes from a Simplemaps CSV, and the visualization is built with React and D3, using `d3.geoPath` for map features and `d3.scaleSqrt` for the size encoding.

Oct 2, 2020

Loading thumbnail…

Shapes with SVG and CSS

This example demonstrates a blank SVG canvas that uses D3.js version 5.6.0 to log the library’s presence to the console. The visualization itself shows no data or drawn shapes, relying instead on the SVG element and CSS to establish a full-viewport layout with hidden overflow. The code loads D3 from a remote URL and initializes a minimal empty scene, highlighting the setup phase of a D3 project.

Apr 7, 2020