The avatar for @class
class
Public
Edited
Feb 15, 2024
Insert cell
Insert cell
map
Insert cell
viewof range = Inputs.range([-180, 180], {label: "Longitude", step: 1})
Insert cell
import {map} with {quakes as data} from "@d3/world-airports"
Insert cell
import {data} from "@d3/world-airports"
Insert cell
filteredMapData = data.filter(d => d.longitude > range)
Insert cell
data
Insert cell
quakeData = d3.json('https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson')
Insert cell
quakes = quakeData.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
}))
Insert cell

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.
Learn more