Class 3

100%

✓ Published0🌍 Public

Last edited Mar 10, 2017

Created on Mar 10, 2017

This visualization shows the conterminous United States with state boundaries rendered as gray polygons and earthquakes from the past week overlaid as crimson points using a custom legend with four ordinal color categories. The map uses a U.S. Geological Survey GeoJSON feed for earthquake data and a TopoJSON file for state boundaries, projected with d3.geoAlbersUsa and drawn via d3.geoPath. A D3 ordinal color scale and a custom d3.legend function, called through the Legend API, display category labels. Mousemove events update a coordinate readout using d3.mouse and projection.invert, all rendered in SVG.

AI-generated description

Assignment for Class #3

forked from <a href='http://bl.ocks.org/pbogden/'>pbogden</a>'s block: <a href='http://bl.ocks.org/pbogden/eb4cafea0a3087fc1c2219c153dd2c63'>Class 3</a>

mit Licensed

Similar vizzes

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

90% match

Loading thumbnail…

class 3 - states

MMTClass

90% match

Loading thumbnail…

class 3 - states

A U.S. map displays all 50 states in gray with a blue background, overlaid with red circles marking earthquake locations from the USGS live feed. The visualization plots both state boundaries and seismic events using d3.geoPath with the d3.geoAlbersUsa projection, filtering earthquake data by magnitude into four color-coded legend categories. The code loads TopoJSON state data and GeoJSON earthquake data via d3.json, with a legend showing magnitude ranges from 1.0 to 4.0+.

MMTClass

90% match

Loading thumbnail…

class 3 - states

This example shows a map of the United States with earthquakes from the past week overlaid as colored points. The map uses an Albers USA projection with state boundaries rendered via `d3.geoPath` and TopoJSON data from the UMBC visualization course. Earthquake locations come from the USGS GeoJSON feed, with points colored by magnitude using a scale from green to red. A legend in the corner explains the magnitude ranges, while a mousemove event displays latitude and longitude coordinates using `projection.invert`.

MMTClass

89% match

Loading thumbnail…

class 3

This example displays a map of the United States overlaid with earthquake locations from the USGS’s daily GeoJSON feed. The visualization shows each earthquake as a small path marker on top of the state boundaries. The map uses the `d3.geoAlbersUsa` projection and `d3.geoPath` to render the geographic shapes, with state outlines drawn from TopoJSON data. Earthquake points are appended as `path` elements with a crimson fill, while the states are styled in a light yellow, highlighting the spatial distribution of recent seismic activity.

AAnaMal08

89% match

Loading thumbnail…

class 3 - states

This example displays a map of US states rendered in gray with an Albers USA projection, overlaid with crimson points marking earthquake locations from the USGS live GeoJSON feed. It uses d3.geoPath for both state boundaries and earthquake points, with topojson to convert US state geometries. As the mouse moves over the map, a text display updates to show the geographic longitude and latitude in degrees, computed via projection.invert and d3.mouse. The visualization layers states and earthquakes in separate SVG groups, with a fixed SVG canvas sized 960 by 500 pixels.

MMTClass

88% 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

88% 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

87% match