Public
Edited
Sep 27, 2022
2 forks
map
d3.select(map).selectAll("circle")
.style("visibility", d => d.datum.properties.time > value ? "hidden" : "visible")
viewof value = Inputs.range(extent)
extent = d3.extent(quakes.map(d => d.datum.properties.time))
import {map} with {quakes as data} from "@d3/world-airports"
data = d3.json('https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson')
quakes = data.features.map(d => ({
name: d.properties.title,
longitude: d.geometry.coordinates[0],
latitude: d.geometry.coordinates[1],
datum: d, // Save a copy of the entire earthquake datum for other data-driven features
}))
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
