embed({
data: {url: data['cars.json'].url},
mark: "point",
encoding: {
x: {field: "Horsepower", type: "quantitative"},
y: {field: "Miles_per_Gallon", type: "quantitative"}
}
})
data = require('vega-datasets@2')
weather = data["weather.csv"]()
weather
X
—
date
Y
—
wind
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
area
Type Chart, then Shift-Enter. Ctrl-space for more options.
weather
Type Table, then Shift-Enter. Ctrl-space for more options.
weather_seattle_2015.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
weather_seattle_2015
X
date
Y
mean
precipitation
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
seattle_monthly_precipitation_2015.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
seattle_monthly_precipitation_2015
X
month
Y
precipitation
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
line
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.ruleY([0]),
Plot.lineY(seattle_month, {
x: "month",
y: "precipitation"
})
]
})
seattle_month.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
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.
