LA quakes

100%

✓ Published0🌍 Public

Last edited May 20, 2017

Created on May 20, 2017

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

LA quakes

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.

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

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

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

76% match

Loading thumbnail…

draft earthquake data

This visualization uses earthquake data from a USGS dataset to map seismic events by location and magnitude on a world map. Each earthquake is represented as a circle, with its size scaled by magnitude and its position determined by latitude/longitude coordinates. The depth of the quakes is encoded through color, creating a gradient from shallow to deep events. The map is rendered with SVG paths for continents, and a custom tooltip provides details on click or hover. Circles are drawn with D3's data-join and scaled using a linear magnitude scale, while the map projection and graticule are set up with D3's geo utilities. The visualization highlights the global distribution and intensity of recent seismic activity, with Nepal, Japan, and the South Pacific clearly standing out.

BBenHeubl

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

75% match

Loading thumbnail…

Earthquakes since 1965

This world map displays significant earthquakes since 1965, using circles sized by magnitude, with tooltips showing country and magnitude. The visualization renders on an SVG canvas using React and D3 v5, employing `geoNaturalEarth1` projection with `geoPath`, `geoGraticule`, and world atlas TopoJSON for land boundaries. Earthquake data comes from a cleaned CSV of the Kaggle USGS dataset. Semi-transparent red circles encode magnitude through a square-root scale, overlaid on light blue oceans and green landmasses.

VVarun Eranki

74% match

Loading thumbnail…

Class #13 demo

This example displays earthquake data from the USGS live feed on a map of the United States, using d3.geoPath with a d3.geoAlbersUsa projection to render state boundaries and quake locations as SVG paths. It includes a draggable circle representing Washington DC, with tooltip and mouse-move coordinate readout, plus a magnitude-based legend with counts. Colors are assigned via a d3.scaleOrdinal and d3.schemeCategory10, while the map data comes from TopoJSON.

MMTClass

74% match