Skip to main content
SimilarExport ZIP
100%

Class 5

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

A United States map rendered as gray SVG paths displays earthquakes from the last week, sized and colored by magnitude on a categorical scale. Each quake is drawn as a crimson path using `d3.geoPath` with a `d3.geoAlbersUsa` projection, while a legend counts quakes per magnitude bin. The map fills the viewport, and moving the mouse updates a coordinate readout via `projection.invert` and `d3.mouse`. Data comes from USGS GeoJSON and state boundaries from TopoJSON.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Class 5

This map of the United States displays earthquake locations from the USGS live feed for the past week, with each quake represented as a circle colored by magnitude using a D3 ordinal color scale. The visualization uses `d3.geoAlbersUsa` for the map projection, `d3.geoPath` to render state boundaries, and `topojson.v2` for GeoJSON conversion. A legend at the right shows magnitude ranges with quake counts, while mouseover coordinates are displayed via a D3 text element.

MMTClass
93% match
Loading thumbnail…

Class 5

This visualization displays earthquakes from the past week across a map of the United States, with points colored by magnitude and a legend showing the number of quakes in each magnitude range. It uses d3.geoPath with a d3.geoAlbersUsa projection to render TopoJSON state boundaries, while earthquake data arrives as GeoJSON from the USGS feed. The map includes a draggable orange circle, and mouse movement updates a readout of geographic coordinates using the inverse projection.

MMTClass
93% match
Loading thumbnail…

Class 5 v2

This map shows the United States with earthquakes from the USGS all-week feed marked as crimson points. A legend categorizes earthquake magnitudes into six bins, with each point’s color assigned by its magnitude. The visualization uses d3.geoAlbersUsa and d3.geoPath to project and draw state and quake paths, while a custom d3.legend plugin renders the color scale. State boundaries and quake locations are plotted via topojson.v2 and d3.json, with a mouse-tracking coordinate readout using projection.invert.

MMTClass
92% match
Loading thumbnail…

Class 5 v2

This map shows the United States with earthquakes from the USGS all-week feed marked as crimson points. A legend categorizes earthquake magnitudes into six bins, with each point’s color assigned by its magnitude. The visualization uses d3.geoAlbersUsa and d3.geoPath to project and draw state and quake paths, while a custom d3.legend plugin renders the color scale. State boundaries and quake locations are plotted via topojson.v2 and d3.json, with a mouse-tracking coordinate readout using projection.invert.

MMTClass
92% match
Loading thumbnail…

Class 5

This visualization displays earthquake locations across the United States from the USGS live feed, with each quake colored by magnitude using a d3.scaleOrdinal color scale. State boundaries render as gray paths via TopoJSON and d3.geoPath with an AlbersUSA projection. A legend with circles shows magnitude ranges and counts, while hovering reveals coordinates through d3.mouse and projection.invert. The map filters quakes to viewport-visible coordinates and removes legend entries exceeding the largest observed magnitude.

MMTClass
92% match
Loading thumbnail…

Class 5

This visualization shows earthquake locations and magnitudes across the United States over the past week, using a color scale to group magnitudes into ordinal bins. A legend on the right lists magnitude ranges with counts of quakes per bin, and mousing over the map displays geographic coordinates. The code uses d3.geoAlbersUsa and d3.geoPath for the map projection, loads state boundaries from TopoJSON and earthquake data from USGS GeoJSON, and employs d3.scaleOrdinal with d3.schemeCategory10 for magnitude-dependent fill colors.

MMTClass
91% 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
91% 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
87% match