Map of Nuclear Explosions with Time Histogram
This interactive map visualizes nuclear explosion locations, with point size encoding yield magnitude and color indicating the responsible country. Hovering reveals coordinates, while clicking displays detailed event information. Two dropdown menus filter deployments by purpose and type. A time histogram below shows annual event counts. Built with React and D3 v5, the visualization uses `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `bin` to render the World Atlas TopoJSON map and aggregated data.
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.