// data from https://observablehq.com/@mbostock/geojson-viewer
geoJsonTable(data)
// data from https://observablehq.com/@fleeth/base-map
geoJsonTable(subSts)
// data from https://observablehq.com/@fleeth/base-map
geoJsonTable(bldgs)
// data from https://observablehq.com/@fleeth/base-map
geoJsonTable(subLns)
geoJsonTable = (data) =>
Inputs.table(
flatten(data).map((d) => ({
type: d.type,
preview: d,
...d.properties
})),
{ format: { preview: map } }
)
map = (d) =>
Plot.geo(d).plot({
x: { axis: null },
y: { axis: null },
width: 120,
height: 60
})
flatten = (geoJson) =>
geoJson.type === "FeatureCollection"
? [geoJson, ...geoJson.features]
: geoJson
import {subSts, bldgs, subLns} from "@fleeth/base-map"
data = fetch("https://static.observableusercontent.com/files/04fb9ff8d0c52895260d29a82d55b25ac325f3b25fdfd366d65c2f90880280036aa47a9114e8eb8dfd17d49497c201e13dd851ecf206c64430a87d46f8b1730f").then(resp => resp.json())
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.
