Data Analyst with a passion for Data visualization and storytelling
Plot.plot({
projection: "albers-usa",
width,
marks: [
Plot.geo(nation, { strokeOpacity: 0.25 }),
Plot.geo(states, { strokeOpacity: 0.25 }),
// Directly use the `range` in your plotting logic
Plot.dot(
tornados.filter((d) => {
// Assuming `d.year` represents the year of the tornado
// You would need to adjust this if your data uses a different structure
return d.yr === range;
}),
{
x: "slon",
y: "slat",
fill: "#33658a",
r: "mag",
stroke: "#dee2e6"
}
)
]
})
filteredTornados = tornados.filter((d) => d.year === range)
import {us} from "@observablehq/us-geographic-data"
nation = topojson.feature(us, us.objects.nation)
counties = topojson.feature(us, us.objects.counties)
states = topojson.feature(us, us.objects.states)
tornados.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
tornados.csv
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.
