myData
X
Date
Y
Subways: Total Estimated Ridership
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
mta = FileAttachment("mta.csv").csv(0)
mta
Type Table, then Shift-Enter. Ctrl-space for more options.
myValue = {
const a = 20;
const b = 20;
return a + b;
}
newValue = myValue * 20
myOtherValue = 300 * newValue
<p> Hello, World!</P>
myData
Type Table, then Shift-Enter. Ctrl-space for more options.
myNewDatabase
myNewDatabase = DuckDBClient.of({ mta })
myEndpointData = d3.json("https://data.ny.gov/resource/vxuj-8kew.json")
Select a data source…
Type SQL, then Shift-Enter. Ctrl-space for more options.
myData
X
Buses: Total Estimated Ridership
Y
Subways: Total Estimated Ridership
Color
Subways: Total Estimated Ridership
Size
Subways: Total Estimated Ridership
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
ordersByProductDay
Type Table, then Shift-Enter. Ctrl-space for more options.
viewof selectCategory = Inputs.select(["Classic", "Specialty", "Vegetarian"], {label: "Select one"})
viewof range = Inputs.range([0, 100], {label: "Amount", step: 1})
myChart = Plot.plot({
marks: [
Plot.areaY(myFilteredData, Plot.windowY({
x: "order_date",
y: "orders",
k: range,
interval: d3.utcDay
})),
Plot.ruleY([0])
]
})
import {densityContourMatrix} from "@pstuffa/density-contour-matrix-with-brushing"
ordersByProductDay
myPizzaData
X
order_date
Y
sum
orders
Color
—
Size
—
Facet X
category
Facet Y
day_of_week
Mark
bar
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marginLeft: 100,
marginRight: 200,
marks: [
Plot.frame({ strokeOpacity: 0.1 }),
Plot.rectY(
myPizzaData,
Plot.binX(
{ y: "sum" },
{
fx: "category",
fy: "day_of_week",
x: "order_date",
y: "orders",
fill: "category",
tip: true
}
)
),
Plot.ruleY([0])
],
height: 600
})
Plot.plot({
y: {
tickFormat: "s"
},
marks: [
Plot.areaY(industries, {x: "date", y: "unemployed", fill: "industry"}),
Plot.ruleY([0])
]
})
d3.version
import { ordersByProductDay } from '@observablehq/pizza-paradise-data'
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.
