Challenge

Sized Points on a Map

This visualization shows a world map with sized points representing nuclear explosions, where the point radius corresponds to the blast depth. The map is rendered using SVG with D3’s `geoNaturalEarth1` projection, showing graticules, land masses, and country boundaries from the World Atlas TopoJSON. City data, sourced from a CSV of nuclear explosions, is plotted as semi-transparent teal circles scaled by a `scaleSqrt` size scale based on depth values. The visualization is built with React, D3 v5 for geospatial projection and data loading, and topojson for processing world atlas shapes.

RRochelle

73% match

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.

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.

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.

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.

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.

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.