Data Summary

100%

✓ Published0🌍 Public

Last edited Jun 15, 2018

Created on Jun 15, 2018

This donut chart shows the percentage of nuclear explosions detonated by each country from 1945 to 1998, based on data from the SIPRI report. It uses d3.nest to aggregate the CSV data by country and d3.pie with d3.arc to generate the SVG paths. A d3.legendColor adds a color legend, and a hover tooltip is implemented but not populated with content.

AI-generated description

This pie char show the percentage of nucluear explosions detonated by each countries in 1945-1998.

The data are gathered from “Nuclear Explosions, 1945–1998”, and the structured data are from here in Github.

The code are forked from Curran's donut chart.

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/ZijunXu/'>ZijunXu</a>'s block: <a href='http://bl.ocks.org/ZijunXu/2c9d8a8db6420799ed944187100f8aee'>Nuclear Explosions 1945–1998</a>

mit Licensed

Similar vizzes

Loading thumbnail…

D3 Scatter Plot-Nuclear Explosions

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.

RRochelle

79% match

Loading thumbnail…

Count of Nuclear Explosions per Country

This bar chart shows the total count of nuclear explosions per country, with each bar representing a nation and its length corresponding to the number of deployments. It uses Vega-Lite via the vega-lite-api to declare the bar marks and encodings, while D3’s csv loader fetches the data from a remote GitHub gist. The visualization is rendered through Vega’s SVG view, with a custom tooltip handler for interactive inspection and customized axis and label styling.

Rrachelhahn

77% match

Loading thumbnail…

Pie Chart for Nukes dataset

A pie chart displays the number of nuclear warheads per country, with each slice colored distinctly and a legend listing country names alongside their values. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths, while data is loaded from a CSV gist via `d3.csv`. Slices are rendered without gaps, and the chart is centered within an SVG of 960 by 500 pixels, with legend text styled via CSS.

Rreddyakshitha

77% match

Loading thumbnail…

Map of Nuclear Explosions with Time Histogram

This interactive visualization combines a geographic map of U.S. nuclear explosion sites with a time histogram. The map displays each detonation as a circle, with color indicating the responsible country and a legend that filters points on hover. A separate bar chart below shows the total number of nuclear events per year. Built with React and D3 v5, the visualization uses `geoAlbers` projection via `d3.geoPath`, scales from `d3.scaleOrdinal`, and a histogram created with `d3.histogram`. Data comes from the Nuclear Explosions CSV dataset.

Yyyaaa1

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

75% match

Loading thumbnail…

Map of Nuclear Explosions with Time Histogram

Combining a world map with a time-series histogram, this visualization plots nuclear explosions by latitude and longitude, with point size encoding yield magnitude and color indicating the responsible country. Hovering a country in the legend filters the map, while clicking a point reveals detailed deployment information. Two dropdowns filter by purpose and type of explosion. The lower histogram bins events by year using d3.bin, with counts shown on hover. Built with React, it renders SVG via d3.geoPath for the Natural Earth landmasses and d3.scaleSqrt for proportional symbol sizing.

Mmkt-ds

74% match

Loading thumbnail…

Map of Nuclear Explosions with a Color Legend and Interactions

This map visualization plots nuclear explosions by latitude and longitude using a Natural Earth projection from d3.geoNaturalEarth1 and d3.geoPath. Point size encodes yield magnitude via d3.scaleSqrt, while color represents the responsible country. Hovering any point reveals its name and coordinates in a tooltip. The color legend supports interactive filtering—hovering a legend entry dims and displays only that country’s explosions using React state and d3.scaleOrdinal. Data comes from a nuclear explosions CSV and the World Atlas TopoJSON.

Rrachelhahn

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

73% match