Skip to main content
SimilarExport ZIP
100%

Sized Points on a Map

✓ Published0🌍 Public
RRochelle
Last edited Sep 22, 2021
Created on Sep 22, 2021

This visualization shows a world map with sized points representing nuclear explosions, where the point radius corresponds to the blast depth. The map is rendered using SVG with D3’s `geoNaturalEarth1` projection, showing graticules, land masses, and country boundaries from the World Atlas TopoJSON. City data, sourced from a CSV of nuclear explosions, is plotted as semi-transparent teal circles scaled by a `scaleSqrt` size scale based on depth values. The visualization is built with React, D3 v5 for geospatial projection and data loading, and topojson for processing world atlas shapes.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

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
85% 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
84% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This map visualization displays the geographic distribution of nuclear explosions, with point size representing explosion magnitude and color indicating the responsible country. Users can hover over points to see specific details like name and coordinates, click points for additional information, and filter by deployment purpose or type. The visualization also includes a brushing-enabled time histogram for temporal filtering. Built with React and D3 v5, it uses `d3.geoPath` with Natural Earth TopoJSON map data, `scaleSqrt` for sizing, `scaleOrdinal` for colors, and `brushX` for the interactive histogram, pulling data from a nuclear explosions CSV dataset.

JJoker-tr
84% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This map visualization displays the geographic distribution of nuclear explosions, with point size representing explosion magnitude and color indicating the responsible country. Users can hover over points to see specific details like name and coordinates, click points for additional information, and filter by deployment purpose or type. The visualization also includes a brushing-enabled time histogram for temporal filtering. Built with React and D3 v5, it uses `d3.geoPath` with Natural Earth TopoJSON map data, `scaleSqrt` for sizing, `scaleOrdinal` for colors, and `brushX` for the interactive histogram, pulling data from a nuclear explosions CSV dataset.

JJoker-tr
84% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This map visualization displays the geographic distribution of nuclear explosions, with point size representing explosion magnitude and color indicating the responsible country. Users can hover over points to see specific details like name and coordinates, click points for additional information, and filter by deployment purpose or type. The visualization also includes a brushing-enabled time histogram for temporal filtering. Built with React and D3 v5, it uses `d3.geoPath` with Natural Earth TopoJSON map data, `scaleSqrt` for sizing, `scaleOrdinal` for colors, and `brushX` for the interactive histogram, pulling data from a nuclear explosions CSV dataset.

JJoker-tr
84% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This map visualization displays the geographic distribution of nuclear explosions, with point size representing explosion magnitude and color indicating the responsible country. Users can hover over points to see specific details like name and coordinates, click points for additional information, and filter by deployment purpose or type. The visualization also includes a brushing-enabled time histogram for temporal filtering. Built with React and D3 v5, it uses `d3.geoPath` with Natural Earth TopoJSON map data, `scaleSqrt` for sizing, `scaleOrdinal` for colors, and `brushX` for the interactive histogram, pulling data from a nuclear explosions CSV dataset.

JJoker-tr
84% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This map visualization displays the geographic distribution of nuclear explosions, with point size representing explosion magnitude and color indicating the responsible country. Users can hover over points to see specific details like name and coordinates, click points for additional information, and filter by deployment purpose or type. The visualization also includes a brushing-enabled time histogram for temporal filtering. Built with React and D3 v5, it uses `d3.geoPath` with Natural Earth TopoJSON map data, `scaleSqrt` for sizing, `scaleOrdinal` for colors, and `brushX` for the interactive histogram, pulling data from a nuclear explosions CSV dataset.

JJoker-tr
84% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This map visualizes nuclear explosions worldwide, with circle size encoding explosion magnitude and color encoding the responsible country. A linked histogram below shows the temporal distribution of events, supporting brush selection to filter the map by time period. Interactive elements include hover states on points and the color legend, click-to-inspect details, and dropdown menus filtering by purpose and deployment type. Built with React, it uses d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.scaleSqrt for sizing, d3.scaleOrdinal for color, and d3.brushX for timeline filtering. Data comes from a nuclear explosions CSV dataset, with country boundaries from World Atlas TopoJSON.

Rrachelhahn
83% match