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.
AI-generated descriptionThis is a visualization of the dataset Nuclear Explosions that shows where each deployment went off by latitute and longitude. The world map behind the points is a Natural Earth type map using the World Atlas TopoJSON. When the user hovers over each point, they can see the name, latitude, and logitude of that deployment. The size of each point directly corresponds to the magnitude of the explosion (the bigger the explosion, the bigger the point)! The color of each point also corresponds to which contry was responsible for the deployment of that nuclear device. Lastly, the user can interact with the color legend; when one element of the legend is hovered over, the map will only show those points.
Project Update (10/9 Deliverable): I was able to create an on click event where more information about the clicked deployment is shown in the bottom left corner. The information that shows is: name, year, source, type, and magnitude.
Project Update (10/17 Deliverable): I have added 2 filter menus to the map which allows the user to filter the points (deployments) based on purpose of deployment and type of deployment.
Project Update (10/23 Deliverable): I have added a histogram to the bottom of the map that shows the user how many nuclear events there were every year. Currently, the user can hover over the bars of the histogram to see the exact number of events that occured. The final deliverable will include more interactions with this histogram.