Idea for Alumni Association always live

100%

Idea for Alumni Association always live

✓ Published0🌍 Public

Last edited Dec 5, 2022

Created on Mar 21, 2022

This interactive visualization displays global nuclear explosion locations as points on a rotating globe, projected with a Mercator projection. The map uses `geoNaturalEarth1` or `geoMercator` projections via `geoPath` and `geoGraticule` to render landmasses, interiors, and graticule lines. Nuclear data points, sourced from a CSV, appear as circles with tooltips showing coordinates and names. Built with React and d3.v3, the visualization supports seamless transitions between different global projections, allowing users to explore the data across various map styles.

AI-generated description

Popular / AboutChristopher Pietsch’s Block http://bl.ocks.org/cpietsch/9b8254b1608e2fc6de58dc561d77e81f/dead294663def98f00f8cc4d3df024a0f26a9257 Geo Scatterplot Transitions

Open This is a design experiment for project project tomorrow. I used it as an proof of concept to grasp the usability for intermodal projections of global data.

The sweet spots of the code are from Jason Davis Dorling World and Mike Bostocks Shape Tweening. Open the block in a sperate window for all of its functionality.

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading Vaccination population into globe

This example displays nuclear explosion locations as points on an interactive globe using a Mercator projection. The visualization combines world map data with nuclear event coordinates, rendering land masses in brown, graticules, and country borders via `geoPath` from d3.v3. Each explosion site appears as a circle with a tooltip showing its name and coordinates. The React-based implementation loads TopoJSON world atlas data and CSV nuclear records, then projects longitude and latitude pairs through `geoMercator` to position the SVG marks and sphere.

SSeekerzero

81% match

Loading thumbnail…

world_map

This interactive world map visualizes the locations of nuclear explosions overlaid on a wireframe globe, rendered as an animated SVG. It uses a React wrapper around D3 v3’s `geoMercator` projection, `geoPath`, and `geoGraticule` to draw land, interiors, and graticules from TopoJSON country data. Nuclear event points, sourced from a CSV file, are positioned via the projection and appear as circles with tooltips. A sphere outline and data-driven layer highlight the geographic scatterplot design.

Ttgrex6

81% match

Loading thumbnail…

Globe Zoom - Animate

This visualization presents global nuclear explosion data as a scatterplot over a Mercator-projected world map using SVG. The map shows land masses in brown and country borders, while each nuclear event appears as a circle with a tooltip displaying its name and coordinates. Built with D3 v3 and React, it uses `d3.geoMercator` and `d3.geoPath` for rendering, loading map topology from world-atlas and CSV data from a GitHub gist. The visualization supports interactive zoom and rotation through additional geo-projection scripts, with color palettes and legends enhancing the display.

Mmkt-ds

81% match

Loading thumbnail…

Fork of Globe Zoom - Animate

This example visualizes global nuclear explosion locations on a geo-scatterplot with interactive globe projections. The visualization uses an animated globe that users can rotate and zoom between map projections, with points representing nuclear data positioned via d3.geoMercator projection. Built with D3 v3 and React, the code employs d3.geo.orthographic for globe rendering, d3.geo.zoom for transitions, and reads nuclear explosion data from a CSV file. The visualization also features graticules, land polygons from TopoJSON world atlas data, and tooltips via d3.tip.

DDonggov

80% match

Loading thumbnail…

Globe Zoom - Animate

This visualization combines a world map with a scatterplot of nuclear explosion locations, rendered using D3.js v3 with SVG. The map displays land masses, graticules, and country interiors, while points mark each nuclear event's latitude and longitude. The visualization uses a Mercator projection via `d3.geoMercator()` and `d3.geoPath`, with data loaded from TopoJSON for the map and CSV for nuclear explosion records. The React-based frontend manages data fetching through custom hooks, supporting interactive exploration of global nuclear testing patterns.

Nnouralkhoury

80% match

Loading thumbnail…

Map of Nuclear Explosions with Data

This example plots nuclear explosion locations on a world map using a Mercator projection, with each point positioned by longitude and latitude. Hovering over a point reveals its coordinates and name via a tooltip. The map includes graticules, land masses, and country interiors, rendered as SVG paths using `d3.geoPath` and `d3.geoMercator`. It uses React for component rendering, `d3.csv` to load the nuclear explosions dataset, and TopoJSON with World Atlas data for the map features.

CCurran Kelleher

79% match

Loading thumbnail…

Globe Zoom - Animate

A world map in a Mercator projection displays nuclear explosion sites as small circles, with each point showing the location's name, latitude, and longitude in a tooltip. The visualization uses D3 v3 with geo projections, SVG paths for land and graticules, and React to render the map and data loading. The underlying data comes from a CSV of nuclear explosions and a world-atlas TopoJSON file.

Aaishwarya8615

79% match

Loading thumbnail…

Fork of Globe Zoom - Animate

This visualization displays global nuclear explosion locations as points on a Mercator-projected world map, with landmasses, graticules, and country borders rendered as SVG paths. The code uses `d3.geoMercator`, `d3.geoPath`, and `d3.geoGraticule` to project and draw geographic features, while circles mark each nuclear event with coordinates and names loaded from a CSV file. Built with React and D3 v3, it incorporates a zoom-and-pan interaction for exploring the interactive globe.

LLauren

79% match