bundle.js
index.html
README.md
index.js
useDataMap.js
BubbleMap/Marks.js
styles.css
useDataNuclear.js
BubbleMap/ColorLegend.js
Dropdown.js
BubbleMap/index.js
DateHistogram/index.js
DateHistogram/AxisBottom.js
DateHistogram/AxisLeft.js
DateHistogram/Marks.js
new fileforkset heightexportdelete
Final Project: Map of Nuclear Explosions
pcbt1125

This 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.

FINAL Project Update (10/30 Deliverable): The user can now interact with the histogram at the bottom of the map to use a "brushing" technique. The user can select a timeframe within the histogram and move it left or right to see the different deployments over time.

All code in VizHub is released under the MIT License.