Homework 7

class-07 demo

This visualization combines OpenStreetMap raster tiles with vector data for Oklahoma using d3-tile and d3.geoPath with a Mercator projection. It overlays county boundaries from a TopoJSON file, drawn as black lines, alongside earthquake points from a USGS GeoJSON feed, rendered as semi-transparent crimson circles. The quakes are filtered by magnitude threshold, and the tile layer uses the d3.tile layout to compute visible tiles. Both the raster images and vector shapes are rendered as SVG elements.

85% match

classwork 8

This example shows earthquake activity in Oklahoma on a map. The map is rendered with OpenStreetMap tiles and a vector overlay of state borders. The code uses the `d3.geoMercator` projection, `d3.geoPath`, and `d3.tile` to create the base map. It filters earthquakes from the USGS GeoJSON feed using `d3.geoContains` to show only quakes within Oklahoma. The quakes are drawn as crimson paths, while the street data comes from a TopoJSON source.

AAnaMal08

84% match

Raster & Vector I

This example overlays OpenStreetMap raster tiles with vector map data for Oklahoma counties. It uses d3-tile to fetch and position the image tiles, while d3.geoPath projects and draws the TopoJSON county boundaries. The map is rendered as SVG, with the vector geometries styled in gray and the tile images providing geographic context. The code also includes an unused quake styling class.

82% match

homewrok 7 url

A map of Oklahoma displays earthquake epicenters overlaid on an OpenStreetMap tile layer. Crimson semi-transparent points mark quakes with magnitudes of 2.5 or higher, sourced from the USGS all-week GeoJSON feed. The visualization uses d3.geoMercator for projection, d3.geoPath for rendering county borders and state outlines from TopoJSON, and the d3-tile API to fetch map tiles. Earthquake data is filtered by magnitude and drawn as SVG paths, while county boundaries appear as a subtle mesh.

AAnaMal08

Oklahoma Counties

This example displays a map of Oklahoma’s counties, drawn as individual gray paths with darker borders between counties and a thicker outline around the state. Hovering over any county turns it orange. The map loads county geometries from a TopoJSON file and renders them as SVG using `d3.geo.path` with a null projection, meaning coordinates are used directly. The code relies on `topojson.feature` to convert the Topology into GeoJSON and `topojson.mesh` to draw the county and state boundary lines.

class-02 demo

A map of Oklahoma displays earthquake epicenters as red points on a blank state background, with county borders outlined in gray. The visualization filters earthquake records by a magnitude threshold and projects them using `d3.geoAlbersUsa`. The code loads GeoJSON and TopoJSON data via `d3.json` and renders the geographic features with `d3.geoPath`.

class-07 demo

This visualization displays a week of earthquake data overlaid on a map of Oklahoma, using a tile-based OpenStreetMap basemap for geographic context. It plots earthquake epicenters as crimson paths, filtering out events below a 2.5 magnitude threshold. The map uses a Web Mercator projection via `d3.geoMercator` and renders geographic features with `d3.geoPath`, including state and county boundaries from TopoJSON files. The basemap is composed of image tiles fetched from the OpenStreetMap tile server using the `d3.tile` API. Earthquake data is sourced from a local GeoJSON file rather than the live USGS feed.

March 30 class

This map shows the state of Oklahoma with a street overlay, rendered atop OpenStreetMap tiles. Red dots mark earthquake epicenters from the USGS all-week feed that fall within the state’s boundaries. The visualization uses a D3 Mercator projection fitted to the Oklahoma geometry, and fetches tile images and GeoJSON data via `d3.json`. The code employs `d3.geoPath`, `d3.geoContains`, and `topojson.mesh` to draw the state boundary and filter earthquakes.