Skip to main content
SimilarExport ZIP
100%

class-07 demo

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

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

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.

MMTClass
92% match
Loading thumbnail…

class-02 demo

This example shows a map of Oklahoma with earthquake locations plotted as semi-transparent crimson points, sized by their position on the map. The visualization filters earthquake data to only include events with a magnitude of 2.5 or greater. It uses d3 v4's `d3.geoAlbersUsa` projection and `d3.geoPath` to render SVG paths for state and county boundaries, sourced from TopoJSON data, while earthquake data comes from the USGS feed.

MMTClass
91% match
Loading thumbnail…

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

MMTClass
91% match
Loading thumbnail…

class-02 demo

This example plots earthquake data from the USGS feed as filled paths on a map of Oklahoma, using county and state boundary shapes from a TopoJSON file. The visualization uses an Albers USA projection via `d3.geoPath` to render both the geographic outlines and the quake features, with a threshold magnitude of 2.5 filtering the displayed events. Earthquakes appear as crimson semi-transparent shapes, while the map layer is drawn separately in a background group. The code also logs earthquake counts for California and the earliest event time to the console.

MMTClass
89% match
Loading thumbnail…

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
87% match
Loading thumbnail…

Class 5

This visualization shows recent earthquake activity in Oklahoma, with each quake plotted as a crimson circle sized and colored by magnitude against a map of the state and its counties. The map uses a tile-less D3 v4 approach with `d3.geoAlbersUsa` projection and `d3.geoPath` to render TopoJSON boundaries. Earthquake data comes from the USGS live feed, filtered to visible points, with a categorical color scale for magnitude ranges and a legend showing counts per magnitude bin. A mouse-move handler displays geographic coordinates.

MMTClass
85% match
Loading thumbnail…

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.

MMTClass
85% match
Loading thumbnail…

April 6 class

This interactive map shows earthquake locations across the United States, plotted as crimson paths atop a zoomable OpenStreetMap tile layer. Using d3.geoMercator projection and d3.geoPath, it renders geographic features from TopoJSON state boundaries and GeoJSON earthquake data from the USGS weekly feed. The d3.zoom and d3.tile APIs enable pan and zoom, updating both vector paths and raster tiles in sync. A status readout displays latitude and longitude coordinates using projection.invert as the mouse moves.

MMTClass
83% match