Fork of Monoliths on a Globe

100%

Fork of Monoliths on a Globe

✓ Published0🌍 Public

Last edited May 29, 2024

Created on May 29, 2024

A fork of "Monoliths on a Globe" plots red, semi-transparent circles scaled by population for Utah, Romania, and California on a spinning orthographic globe. The D3 v4 and topojson code renders world country boundaries at varying resolutions, using SVG paths and projected point coordinates, while a black tooltip displays name and population on hover. Dragging rotates the globe via `d3.drag()`, toggling between lower- and higher-resolution boundary data.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Monoliths on a Globe

A fork of the "Monoliths on a Globe" prototype plots three monolith locations—Utah, Romania, and California—as steelblue circles on an orthographic globe. The visualization uses d3.geoOrthographic with d3.geoPath and topojson to render world boundaries at 50m and 110m resolutions, switching to the lower detail during drag and zoom interactions. Circles are positioned via a projection, with d3-tip tooltips showing names on hover. Population values are read from a CSV but are not used in the visible rendering, as circles have a fixed radius.

SSteve_Nashon

92% match

Loading thumbnail…

Fork of Monoliths on a Globe

This visualization displays population sizes of three monoliths—Utah, Romenia, and California—as proportional red circles on an interactive orthographic globe. Users can drag to rotate the globe and zoom to adjust scale, with tooltips showing exact population values. The code uses `d3.geoOrthographic`, `d3.geoPath`, and TopoJSON world-atlas boundaries for rendering, switching between 110m and 50m resolution during rotation for performance. Circle radii come from a square-root scale of population data loaded from a CSV via `d3.csv`. Interactive features rely on `d3.drag` and `d3.zoom`, with `d3.tip` providing hover labels.

CCarlos Henrique Cardoso

90% match

Loading thumbnail…

Fork of Monoliths on a Globe

This example shows the locations of three reported monolith appearances in Utah, Romania, and California as stationary steel-blue circles on an interactive orthographic globe. The visualization uses d3.geoOrthographic for projection and d3.geoPath to render country boundaries from TopoJSON data, swapping between 110m and 50m resolution during drag and zoom interactions. Circles are positioned via the projection of city coordinates from a CSV file, with d3.drag and d3.zoom enabling rotation and scaling, while d3-tip provides hover labels. The globe rotates as users drag, and zoom adjusts scale via d3.event.transform.k. Hovering over a circle displays the location name through the d3-tip tooltip.

AAaron Wong

89% match

Loading thumbnail…

Fork of Monoliths on a Globe

This globe visualization plots the locations of three recently discovered monoliths in Utah, Romania, and California as steel-blue circles on an orthographic projection of Earth. The map uses `d3.geoOrthographic` with `d3.geoPath` to render country boundaries from TopoJSON world-atlas data, swapping between 110m and 50m resolution during and after drag interactions. Circles are positioned via the projection and display a tooltip with the monolith’s name using `d3-tip`. Users can drag to rotate the globe and zoom via `d3.zoom`, which scales the projection.

Mmoslem-tg

88% match

Loading thumbnail…

Monoliths on a Globe

This visualization displays three monolith locations—Utah, Romania, and California—as red circles on an interactive orthographic globe, with circle size and tooltip (via d3-tip) representing population. Users drag to rotate the globe using d3.drag and zoom with d3.zoom, which adjust the d3.geoOrthographic projection. The code renders country boundaries with d3.geoPath from TopoJSON world-atlas data, switching between 110m and 50m resolutions during interaction for performance. Data comes from a local CSV file.

AAlec Burch

88% match

Loading thumbnail…

Fork of Monoliths on a Globe

An orthographic globe maps city populations with red circles that scale by square-root radius, using a high-resolution world boundary when idle and low-resolution during drag. Users rotate the globe via D3 drag and zoom with D3 zoom, while d3-tip tooltips display formatted population values on hover. The visualization loads TopoJSON country polygons from the world-atlas package and CSV data, projecting points with d3.geoPath and caching projected coordinates to filter out back-side cities.

AAbhishek Singh

86% match

Loading thumbnail…

Fork of Fork of Monoliths on a Globe

The visualization displays city names and population counts as red circles positioned on an orthographic globe, rendered in SVG. Users can drag to rotate the Earth, which triggers low-resolution country boundaries during motion and high-resolution boundaries when stopped. The code uses d3.geoOrthographic, d3.geoPath, and d3.zoom for interaction, with d3-tip for hover tooltips. Data comes from an external CSV file, while country geometries load from the world-atlas TopoJSON dataset.

KKikkolatsch

86% match

Loading thumbnail…

Fork of Monoliths on a Globe

This example plots the locations of reported monolith sightings on a 3D orthographic globe, with each steel-blue circle marking a site. The globe is draggable to rotate and zoomable via the mouse wheel. The visualization uses `d3.geoOrthographic` for projection, `d3.geoPath` with shared world-atlas TopoJSON data for rendering country boundaries, and `d3.drag` and `d3.zoom` for interaction. It also includes `d3.tip` tooltips that display the monolith name on hover.

CCarlos Henrique Cardoso

81% match