LA quakes

100%

✓ Published0🌍 Public

Last edited Apr 16, 2017

Created on Apr 16, 2017

The map displays earthquakes around Los Angeles as crimson paths, projected using the Mercator projection, over a zoomable, tile-based street map. It relies on `d3.geoMercator`, `d3.geoPath`, and `d3.tile` to render vector tiles from OpenStreetMap, while quake data is fetched from the USGS GeoJSON feed. Zooming updates the projection and repositions earthquake paths accordingly.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

LA quakes

A world map of Los Angeles and its surroundings displays earthquake epicenters as crimson paths, with the view centered on coordinates -117, 34 and zoomable via d3.zoom. The d3-tile library loads OpenStreetMap vector tiles from Mapzen, rendering roads and rails as SVG paths styled by property kind. Earthquake data comes from the USGS GeoJSON feed, plotted using d3.geoPath with a d3.geoMercator projection, and their positions update dynamically on zoom transforms.

MMTClass

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

79% match

Loading thumbnail…

California Earthquakes

This visualization maps California earthquakes from the USGS live GeoJSON feed onto a state map. Red dots mark earthquake epicenters, sized by magnitude, with hover interactions showing details in a corner panel. The map uses a conic conformal projection for California state plane coordinates, rendered with D3 v4 and default SVG paths via the `d3.geoPath` API. County and state boundaries come from a TopoJSON source, processed using the TopoJSON client library, while the earthquake layer is drawn after the map is projected.

MMTClass

79% match

Loading thumbnail…

Class 5

A United States map rendered as gray SVG paths displays earthquakes from the last week, sized and colored by magnitude on a categorical scale. Each quake is drawn as a crimson path using `d3.geoPath` with a `d3.geoAlbersUsa` projection, while a legend counts quakes per magnitude bin. The map fills the viewport, and moving the mouse updates a coordinate readout via `projection.invert` and `d3.mouse`. Data comes from USGS GeoJSON and state boundaries from TopoJSON.

MMTClass

75% match

Loading thumbnail…

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.

MMTClass

74% match

Loading thumbnail…

Earthquake Map

This map shows earthquake locations across the United States, with each quake colored by magnitude range from green (0-1.0) to red (3.0-4.0). The visualization uses d3.geoPath and d3.geoAlbersUsa to project USGS earthquake feed data onto state boundaries from a TopoJSON file, with d3.legendColor providing the magnitude legend. Separate SVG layers render quakes for each magnitude bin, and text annotations display counts per category.

AAnaMal08

74% match

Loading thumbnail…

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.

MMTClass

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

73% match