Scatter Plot
This scatter plot visualizes the history of nuclear bomb tests from 1945 to 2009, with each circle representing a country's annual test count. The x-axis shows the year, while the y-axis shows the number of bombs tested. Circle size also encodes the count, and color distinguishes six countries, as labeled by an interactive color legend. Hovering over a circle reveals the exact bomb count via a tooltip. Built with D3 v4 and d3-legend, the SVG visualization uses scales like `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` to map data from a CSV file. The data was originally sourced from Johnston's Archive and cleaned with Python and Pandas.
AI-generated descriptionPart of the video course: D3.js in Motion.
An example scatter plot with color legend using D3 and d3-legend.
This scatter plot shows the dataset of nuclear bomb test history. Originally published at Johnston's Archive - Nuclear Weapons, this small dataset records every nuclear bomb tests from 1945 to 2009. The original dataset have 6 countries' each year nuclear test. The raw data is not well organized in CSV format. So I use Python with Pandas to parse it into a proper format. Each row of the table represents an country's nuclear bomb test counts for that year.
In this scatter plot, Y axis is the count of the nuclear bomb test and X axis is representing year. Each circle is represent that year's total test for one country. Each country has different color and hover on the circle will display the actual count number for the nuclear test.
forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/ecb09f2605c7fbbadf0eeb75da5f0a6b'>Stylized Scatter Plot with Color Legend</a>