rayaneB0t

@rayaneB0t·2 public vizzes

Fork of D3 map drag demo

This example shows an interactive orthographic globe rendered with SVG, where users can drag to rotate the Earth and see country boundaries and graticule lines. The code uses `d3.geoOrthographic` for projection and `d3.geoPath` to draw geographic features from TopoJSON data sourced from the world-atlas package. Drag events update the projection’s rotation, while zoom is handled via `d3.zoom`. Country names are loaded from a TSV file and displayed as tooltips using SVG `<title>` elements.

Mar 12, 2023

Loading thumbnail…

Covid - 19

This interactive scatterplot visualizes UNESCO World Heritage sites, mapping longitude against latitude to reveal geographic clustering, notably Europe's high concentration of heritage sites. Users can change the X and Y axes through dropdown menus; when switched to categorical or date attributes, the visualization uses jitter to mitigate overplotting. The D3 v6 code builds a dynamic SVG chart with animated transitions, using scales appropriate to data types and color-coding points by continent, sourced from the provided UNESCO dataset.

Mar 12, 2023