Loading Vaccination population into globe

100%

Loading Vaccination population into globe

✓ Published1🌍 Public

Last edited Apr 7, 2023

Created on Feb 27, 2023

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.

AI-generated description

Loading the total vaccination population into globe map

original data viz mapping: https://vizhub.com/Seekerzero/647b67533a514a868caea2912e186e5f

MIT Licensed

Similar vizzes

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

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

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

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

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

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

85% match

Loading thumbnail…

Fork of Globe Zoom - Animate

This example visualizes nuclear explosion locations on a world map using a Mercator projection, with each explosion represented as a small circle and country boundaries drawn as lines. It uses React to manage component state and rendering, while D3 v3 APIs such as `d3.geoPath`, `d3.geoMercator`, and `d3.geoGraticule` generate the map geometry from TopoJSON world-atlas data. The nuclear explosion coordinates and names are loaded from a CSV file, and the visualization appears as static SVG elements without any animation.

SSnapika

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

84% match