Unlisted
Edited
Jan 14
1 fork
map-metadata-compact (2).csv
Type Table, then Shift-Enter. Ctrl-space for more options.
mapMetadataCompact
X
date
Y
—
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.rectY(
mapMetadataCompact,
Plot.binX({ y: "count" }, { x: "date", tip: true })
),
Plot.ruleY([0])
]
})
mapMetadataCompact
X
date
Y
—
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
mapMetadata = FileAttachment("map-metadata-compact (2).csv").csv({typed: true})
mapMetadata
viewof search_metadata = Inputs.search(mapMetadata, {placeholder: "Search Map Metadata"})
search_metadata // See results below!
viewof rows = Inputs.table(search_metadata)
Full Text Search of Title Field Only
viewof maxDaterows = Inputs.table(search_title)
Plot.barY(mapMetadata, {filter: d => d.pub_date_normalized < 2025, x: "area", y: "num_labels"})
Plot.plot({
title: "Labels per map by area of map",
marks: [
Plot.dot(mapMetadata, {x: "area", y: "num_labels" })
],
x: {
domain: pinMapAxes ? [0, 300000] : undefined
},
y: {
domain: pinMapAxes ? [0, 80000] : undefined
}
})
Plot.barY(mapMetadata, {filter: d => d.pub_date_normalized < 2025, x: "pub_date_normalized", y: "num_labels"})
viewof minDate = Inputs.range(d3.extent(mapMetadata, d => d["pub_date_normalized"]), {label: "Min Date", step: 1, value: d3.min(mapMetadataCompact, d => d["pub_date_normalized"])})
viewof maxDate = Inputs.range(d3.extent(mapMetadata, d => d["pub_date_normalized"]), {label: "Max Date", step: 1, value: d3.max(mapMetadata, d => d["pub_date_normalized"])})
viewof pinMapAxes = Inputs.toggle({label: "Pin Axes", value: true})
Plot.plot({
title: "Labels per map over time",
marks: [
Plot.dot(mapMetadata, {x: "pub_date_normalized", y: "num_labels" })
],
x: {
domain: pinMapAxes ? [1500, 2025] : undefined
},
y: {
domain: pinMapAxes ? [0, 80000] : undefined
}
})
maps_metadata_filtered = mapMetadata.filter(d => d["normalized_pub_date"] >= minDate && d["normalized_pub_date"] <= maxDate)
import {Plot} from "@mkfreeman/plot-tooltip"
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.
