April 6 class

Assignment 9

This interactive map displays earthquake locations from the USGS weekly feed overlaid on OpenStreetMap raster tiles and U.S. state boundaries from TopoJSON. Users can pan and zoom via d3.zoom, with d3-tile loading map tiles and d3.geoPath reprojecting the vector geometry on each interaction. The map also shows the geographic coordinates of the mouse cursor in real time.

86% match

Raster & Vector II=Assignment Class 10

This interactive map displays world earthquake data from a live USGS feed overlaid with vector boundaries of U.S. states, drawn in red on a pan-and-zoomable OpenStreetMap raster tile background. The visualization uses `d3.geoMercator` for projection, `d3.geoPath` to render GeoJSON features, and `d3.tile` with `d3.zoom` to dynamically reproject the geometry during interaction. Earthquake epicenters are plotted as crimson paths, while state outlines are generated from TopoJSON using `topojson.feature`. Pointer movement reveals geographic coordinates in a label.

86% match

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.

85% match

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

homework 9.1

This interactive map displays global earthquake activity from the USGS feed overlaid on an OpenStreetMap basemap. Red paths outline the state boundaries of the United States, while each earthquake is drawn as a red path stroke using `d3.geoPath`. The view uses a Mercator projection with pannable and zoomable tiles via `d3.tile` and `d3.zoom`, and it shows geographic coordinates of the mouse position. The SVG rendering relies on TopoJSON for the boundary mesh and D3 version 4.

AAnaMal08

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.

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.

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