classwork 8

100%

✓ Published0🌍 Public

Last edited Mar 31, 2017

Created on Mar 31, 2017

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.

AI-generated description

Similar vizzes

Loading thumbnail…

fresh block

This visualization displays earthquake activity within Oklahoma using a tile map overlaid with the state’s street boundaries. It filters a week of USGS earthquake data to only those quakes located inside the state, rendering each as a crimson path. The code relies on d3.geoMercator, d3.geoPath, and d3.tile for the map, uses topojson to extract and draw the state mesh, and fetches both the US topology and live earthquake GeoJSON via d3.json.

AAnaMal08

85% match

Loading thumbnail…

Homework 7

This map shows Oklahoma counties overlaid on OpenStreetMap raster tiles, with a crimson semi-transparent point pattern and county mesh outlines. The visualization combines tiled map imagery via `d3.tile` with geographic county boundaries from a TopoJSON file, projected using `d3.geoMercator` and rendered as SVG paths through `d3.geoPath`. Quake data appears as filled circles, though no dataset is explicitly loaded here. The code uses D3 v4, TopoJSON, and the `d3-tile` plugin to compose the interactive layout.

AAnaMal08

84% match

Loading thumbnail…

fresh block

This example presents a map of Oklahoma with earthquake data from the USGS all-week feed overlaid as crimson points. The view uses a Mercator projection fitted to the state boundary and a base layer of OpenStreetMap tiles rendered through d3-tile. It draws state outlines with topojson.mesh and d3.geoPath, then filters the earthquake GeoJSON to show only events within Oklahoma using d3.geoContains. The map emphasizes spatial clustering of seismic activity within the state.

AAnaMal08

84% match

Loading thumbnail…

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

83% match

Loading thumbnail…

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

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

79% match

Loading thumbnail…

homework 9

This visualization displays a zoomable map of the United States with OpenStreetMap tiles as the basemap, overlaid with red state boundaries. The map uses the d3-tile library to load and render raster tiles, while d3.geoMercator and d3.geoPath project the TopoJSON boundaries of US states from external JSON data. User interactions via d3.zoom adjust the tile scale and translate the projection to sync vector features with the changing raster view.

AAnaMal08

75% match

Loading thumbnail…

Class 3

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.

AAnaMal08

75% match