Designer, writer, and developer exploring how to tell more engaging stories with interactive, data-driven experiences.
Public
Edited
May 16, 2023
my_weather_data = FileAttachment("my_weather_data.json").json()
my_weather_data
X
humidity
Y
—
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
parseDate = d3.timeParse('%Y-%m-%d')
parsedData = my_weather_data.map(data => {
return {...data, date: parseDate(data.date)}
})
parsedData
X
date
Y
temperatureMax
Color
temperatureMax
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
my_weather_data
X
dewPoint
Y
humidity
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
viewof metric = Inputs.select(metrics, { label: "Metric" })
Plot.rectY(my_weather_data, Plot.binX({ y: "count" }, { x: metric })).plot()
metrics = [
"windSpeed",
"moonPhase",
"dewPoint",
"humidity",
"uvIndex",
"windBearing",
"temperatureMin",
"temperatureMax",
"visibility",
"cloudCover"
]
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.
