Monoliths Delaunay Triangulation

100%

Monoliths Delaunay Triangulation

✓ Published3🌍 Public

Last edited Feb 18, 2021

Created on Dec 4, 2020

This visualization displays a rotating globe with Delaunay triangulation lines connecting the locations of reported monoliths, which appear as bright points on a dark background. The orthographic projection uses d3.geoOrthographic and d3.geoPath to render world country boundaries from TopoJSON data. The triangulation is computed with d3.geoVoronoi, which generates the network of links between monolith sites, while d3.hexbin adds slight jitter to prevent exact alignment. The globe supports drag and zoom interactions via d3.drag and d3.zoom.

AI-generated description

Quick prototype showing the locations of the monoliths that have been appearing. With help from Curran Kelleher, Jonah Adkins, and Alec Burch.

This is heavily based on a recreation by Philipe Rivière, with d3-geo-voronoi, of Jason Davies’s magistral demo World Airports Voronoi. Lightly modified to show the locations of global monoliths instead of airports.

Copied from <a href='http://bl.ocks.org/Fil/'>Fil</a>'s block: <a href='http://bl.ocks.org/Fil/cb80fd5fa34c47a8cace0016aa8ddf2c'>World Airports Voronoi recreated</a>

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Monoliths Delaunay Triangulation

This visualization plots the locations of reported monoliths on a rotating globe using an orthographic projection. It displays the sites as points, with Delaunay triangulation links connecting them, overlaid on country outlines from the World Atlas TopoJSON. The code uses `d3.geoOrthographic` and `d3.geoPath` for geographic rendering, `d3.geoVoronoi` for triangulation, and `d3.hexbin` to aggregate nearby coordinates. Drag and zoom interactions are enabled via `d3.drag` and `d3.zoom`, with the monolith data loaded from `monoliths.csv`.

Ssucotton9

92% match

Loading thumbnail…

Fork of Monoliths Delaunay Triangulation

A global orthographic projection maps the locations of reported monoliths as black site points, connected by a network of white Delaunay triangulation links and overlaid on gray country outlines. The visualization uses `d3.geoOrthographic`, `d3.geoVoronoi`, `d3.geoPath`, and `d3.hexbin` to compute and render the triangulation, while `d3.drag` and `d3.zoom` enable interactive rotation and scaling. Data comes from a local `monoliths.csv` file.

Yyingzhe-z

88% match

Loading thumbnail…

Monoliths on a Globe

This example displays the locations of three recent monolith discoveries on an interactive orthographic globe, with city-sized markers projected onto a world map. Built with D3 v4, it loads GeoJSON country boundaries from the World Atlas TopoJSON files and monolith coordinates from a CSV. Users can drag to rotate the globe, which swaps between 110m and 50m resolution landmasses during movement, and zoom via the wheel. Tooltips use d3-tip to show each monolith’s name on hover.

CCurran Kelleher

87% 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

84% match

Loading thumbnail…

globe-test-02

This example shows the locations of reported monoliths on a rotating globe, plotting red circles at each site with hover tooltips displaying the location name. Using an orthographic projection with d3.geoPath, the visualization renders country boundaries from the world-atlas TopoJSON datasets, switching between 110m and 50m resolutions during drag interactions. The code leverages d3.drag for rotation, d3.scaleSqrt and d3.schemeSet3 for sizing and colors, and d3-tip for interactive popups. Data comes from the included monoliths.csv file.

KKikkolatsch

84% 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

83% 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

82% 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

82% match