Skip to main content
SimilarExport ZIP
100%

D3 Scatter Plot-Nuclear Explosions

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

This scatter plot visualizes global nuclear explosions, mapping detonation year on the x-axis and depth on the y-axis for each test. The dataset, sourced from the Stockholm International Peace Research Institute, is color-coded by country using a fixed palette. The code loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, while the plot fills the browser window with a responsive layout.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the (https://gist.github.com/Rochelle-Wu/b3028fadf0adf5cef2cfb2044d0cb209).

This dataset is from Stockholm International Peace Research Institute (https://github.com/data-is-plural/nuclear-explosions/blob/master/documents/sipri-report-original.pdf)

Someone collated the data (https://github.com/rfordatascience/tidytuesday/blob/master/data/2019/2019-08-20/nuclear_explosions.csv)

MIT Licensed

Similar vizzes

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

Final Project: Map of Nuclear Explosions

This interactive world map visualizes over 2,000 nuclear explosions from the Nuclear Explosions dataset, plotting each event by latitude and longitude using d3.geoPath with a Natural Earth TopoJSON basemap. Point size encodes yield magnitude via d3.scaleSqrt, while color represents the responsible country using d3.scaleOrdinal. Users can filter deployments by purpose and type through dropdown menus, hover over the color legend to isolate countries, and click points to view details. A d3.brushX-enabled histogram below displays yearly event counts, allowing time-range selection that filters the map.

JJoker-tr
79% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This interactive world map visualizes over 2,000 nuclear explosions from the Nuclear Explosions dataset, plotting each event by latitude and longitude using d3.geoPath with a Natural Earth TopoJSON basemap. Point size encodes yield magnitude via d3.scaleSqrt, while color represents the responsible country using d3.scaleOrdinal. Users can filter deployments by purpose and type through dropdown menus, hover over the color legend to isolate countries, and click points to view details. A d3.brushX-enabled histogram below displays yearly event counts, allowing time-range selection that filters the map.

JJoker-tr
79% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This interactive map visualizes nuclear explosions worldwide, with point size encoding yield magnitude and color distinguishing the responsible country. A linked histogram below shows the annual count of nuclear events, supporting time-brushing to filter deployments by year. The visualization uses D3 scales for sizing and coloring, geoNaturalEarth1 projections with geoPath for the world map, brushX for temporal filtering, and React components for dropdown menus filtering by purpose and deployment type. Hovering reveals location details, while clicking displays additional metadata.

Ppcbt1125
79% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This interactive map visualizes nuclear explosions worldwide, with point size encoding yield magnitude and color distinguishing the responsible country. A linked histogram below shows the annual count of nuclear events, supporting time-brushing to filter deployments by year. The visualization uses D3 scales for sizing and coloring, geoNaturalEarth1 projections with geoPath for the world map, brushX for temporal filtering, and React components for dropdown menus filtering by purpose and deployment type. Hovering reveals location details, while clicking displays additional metadata.

Ppcbt1125
79% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This interactive map visualizes nuclear explosions worldwide, with point size encoding yield magnitude and color distinguishing the responsible country. A linked histogram below shows the annual count of nuclear events, supporting time-brushing to filter deployments by year. The visualization uses D3 scales for sizing and coloring, geoNaturalEarth1 projections with geoPath for the world map, brushX for temporal filtering, and React components for dropdown menus filtering by purpose and deployment type. Hovering reveals location details, while clicking displays additional metadata.

Ppcbt1125
79% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This interactive map visualizes nuclear explosions worldwide, with point size encoding yield magnitude and color distinguishing the responsible country. A linked histogram below shows the annual count of nuclear events, supporting time-brushing to filter deployments by year. The visualization uses D3 scales for sizing and coloring, geoNaturalEarth1 projections with geoPath for the world map, brushX for temporal filtering, and React components for dropdown menus filtering by purpose and deployment type. Hovering reveals location details, while clicking displays additional metadata.

Ppcbt1125
79% match
Loading thumbnail…

Final Project: Map of Nuclear Explosions

This interactive map visualizes nuclear explosions worldwide, with point size encoding yield magnitude and color distinguishing the responsible country. A linked histogram below shows the annual count of nuclear events, supporting time-brushing to filter deployments by year. The visualization uses D3 scales for sizing and coloring, geoNaturalEarth1 projections with geoPath for the world map, brushX for temporal filtering, and React components for dropdown menus filtering by purpose and deployment type. Hovering reveals location details, while clicking displays additional metadata.

Ppcbt1125
79% match