Skip to main content
SimilarExport ZIP
100%

class 4 - states

✓ Published0🌍 Public
MMTClass
Last edited Mar 9, 2017
Created on Mar 9, 2017

This example displays a map of the contiguous United States with earthquake locations overlaid as crimson points. The map is rendered using `d3.geoPath` with the `d3.geoAlbersUsa()` projection, while earthquake data is pulled from the USGS live GeoJSON feed. State boundaries come from a local US GeoJSON file processed with `topojson.feature`. The visualization also includes a static legend and interactive coordinate display, which updates as the mouse moves across the map. All drawing is performed with SVG elements.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/MTClass/'>MTClass</a>'s block: <a href='http://bl.ocks.org/MTClass/2a02465d4a0318234d23d650cfeb204c'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

class 4 - states

This D3 visualization displays a map of US states generated from a GeoJSON TopoJSON source, overlaid with earthquake locations from the USGS all-week feed. It shows the geographic distribution of recent seismic activity across the country, with each quake rendered as a crimson point. The map uses the `d3.geoAlbersUsa` projection and `d3.geoPath` for both state boundaries and earthquake points. As the mouse moves, the page displays the cursor’s geographic coordinates, computed via `projection.invert` and formatted with `d3.format`.

MMTClass
95% match
Loading thumbnail…

class 5 - states

This example displays a map of United States state boundaries rendered in SVG using d3.geoPath with the d3.geoAlbersUsa projection. It overlays earthquake locations from the USGS live GeoJSON feed, with earthquakes plotted as crimson paths on the map. The code uses topojson to convert state topology data and d3.json to load both the state boundaries and earthquake data. A legend is included, and the visualization also shows a coordinate readout that updates on mousemove events, revealing the current latitude and longitude under the cursor.

MMTClass
93% match
Loading thumbnail…

class 5 - states

This example displays a map of United States state boundaries rendered in SVG using d3.geoPath with the d3.geoAlbersUsa projection. It overlays earthquake locations from the USGS live GeoJSON feed, with earthquakes plotted as crimson paths on the map. The code uses topojson to convert state topology data and d3.json to load both the state boundaries and earthquake data. A legend is included, and the visualization also shows a coordinate readout that updates on mousemove events, revealing the current latitude and longitude under the cursor.

MMTClass
93% match
Loading thumbnail…

Class 4

This example displays a map of the United States using D3 v4 and topojson, with a second layer of earthquake points from the USGS live feed. The map is rendered as SVG paths via the `d3.geoPath` and `d3.geoAlbersUsa` projections, while quake locations are drawn as crimson paths. A mouseover function uses `projection.invert` and `d3.mouse` to display the geographic coordinates of the cursor. Two separate `<g>` elements separate the state and earthquake layers.

MMTClass
92% match
Loading thumbnail…

class 3 - states

This example displays a map of the United States with earthquake locations overlaid as crimson points. The map is rendered using SVG paths created with `d3.geoPath` and a `d3.geoAlbersUsa` projection, while earthquake data is loaded from the USGS GeoJSON feed and plotted with the same path generator. The visualization also shows the latitude and longitude of the mouse cursor in a separate text element, using the projection’s `invert` method to translate screen coordinates to geographic coordinates.

MMTClass
92% match
Loading thumbnail…

class 5 - states

A map of the United States displays earthquake locations from the USGS all-week feed, with each state rendered as a gray SVG path via `d3.geoPath` and a `d3.geoAlbersUsa` projection. Crimson circles mark earthquake epicenters, and a legend categorizes magnitudes by color, though the current legend implementation uses static orange swatches. The visualization uses TopoJSON for state boundaries and includes mouse-position coordinate tracking that updates an on-screen info panel.

MMTClass
92% match
Loading thumbnail…

class 3 - states

This visualization shows a map of the United States with earthquake locations overlaid, using a dark gray state outline on a blue background. It loads US state boundaries from a remote TopoJSON file and renders them with `d3.geoPath` using the `d3.geoAlbersUsa` projection. Earthquake data is fetched from the USGS GeoJSON feed and plotted as crimson circles. A mouse-move handler displays the current latitude and longitude in a separate text layer.

MMTClass
91% match
Loading thumbnail…

class 3 - states

This visualization shows a map of the United States with earthquake locations overlaid, using a dark gray state outline on a blue background. It loads US state boundaries from a remote TopoJSON file and renders them with `d3.geoPath` using the `d3.geoAlbersUsa` projection. Earthquake data is fetched from the USGS GeoJSON feed and plotted as crimson circles. A mouse-move handler displays the current latitude and longitude in a separate text layer.

MMTClass
91% match