Skip to main content
SimilarExport ZIP
100%

NY Counties

✓ Published0🌍 Public
MMTClass
Last edited May 21, 2017
Created on May 21, 2017

This example visualizes earthquake epicenters overlaid on California county boundaries. Red points mark quake locations; a tooltip shows each event's magnitude and place name, while a yellow highlight appears on hover. The visualization uses a conic conformal projection and plots California counties from a TopoJSON file, with earthquake data pulled from the USGS GeoJSON feed. The code employs d3.geoPath for map rendering, d3.json for loading both datasets, and mouseover/mouseout events for interactivity.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

NY Counties

This example displays a map of New York counties overlaid with earthquake data from the USGS all-week feed. The visualization uses the D3.js `geoConicConformal` projection to transform geographic coordinates, with `topojson-client` converting TopoJSON to GeoJSON features for rendering as SVG paths. County boundaries appear in pink, while earthquakes are plotted as points whose color changes to yellow on mouseover, with details shown in a floating info panel. The map includes a green nation boundary with a drop-shadow effect created using SVG filters.

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

NY Counties

This visualization displays California counties using a conic conformal projection, with population data shown interactively on mouseover. The map initially outlines the entire United States, then focuses on California counties filled in white. The example uses d3.geoConicConformal for projection, d3.geoPath for rendering, and topojson-client to process county boundaries from a GitHub-hosted TopoJSON file. Population values come from a separate JSON dataset matched by FIPS code, displayed with d3.format. Hovering highlights counties in yellow and shows the county name with its population.

MMTClass
85% match
Loading thumbnail…

California Counties

This example visualizes California counties with a map rendered using SVG and the D3.js v4 library. It loads county boundaries from a TopoJSON file and an earthquake feed from USGS, though only the county boundaries are drawn. The map uses a conic conformal projection via `d3.geoConicConformal` and `d3.geoPath`, with the projection fit to the state’s extent. Hovering over a county highlights it in crimson and displays its name and population in an overlay, using a mouseover event and the `d3.format` API.

MMTClass
85% match
Loading thumbnail…

NY Counties

This visualization displays New York’s counties on a map, colored white with gray borders, and highlights each county in crimson on mouseover while showing its name and population in an info box. It uses d3.geoPath with a transverse Mercator projection, d3.queue to load TopoJSON county boundaries and population data, and topojson-client to convert geometries. The map also includes a blurred drop shadow and white overlay for a layered effect, with state boundaries drawn as a mesh.

MMTClass
77% match
Loading thumbnail…

Class 5

This visualization displays earthquakes from the past week across a map of the United States, with points colored by magnitude and a legend showing the number of quakes in each magnitude range. It uses d3.geoPath with a d3.geoAlbersUsa projection to render TopoJSON state boundaries, while earthquake data arrives as GeoJSON from the USGS feed. The map includes a draggable orange circle, and mouse movement updates a readout of geographic coordinates using the inverse projection.

MMTClass
76% match
Loading thumbnail…

Class 5

This visualization displays earthquake locations across the United States from the USGS live feed, with each quake colored by magnitude using a d3.scaleOrdinal color scale. State boundaries render as gray paths via TopoJSON and d3.geoPath with an AlbersUSA projection. A legend with circles shows magnitude ranges and counts, while hovering reveals coordinates through d3.mouse and projection.invert. The map filters quakes to viewport-visible coordinates and removes legend entries exceeding the largest observed magnitude.

MMTClass
75% 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
74% match