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_Daily_Ridership_Data__Beginning_2020-9 (2).csv
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>
MTA_Daily_Ridership_Data__Beginning_2020-9 (2)@3.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
---
Data
mta_daily_ridership_data__beginning_2020924 = FileAttachment("MTA_Daily_Ridership_Data__Beginning_2020-9 (2)@4.csv").csv()
mta_daily_ridership_data__beginning_2020924
Type Table, then Shift-Enter. Ctrl-space for more options.
myNewDatabase
myNewDatabase = DuckDBClient.of({ myData })
Select a data source…
Type Chart, then Shift-Enter. Ctrl-space for more options.
myEndpointData = d3.json("https://data.ny.gov/resource/vxuj-8kew.json")
cars
Type Table, then Shift-Enter. Ctrl-space for more options.
Select a data source…
Type SQL, then Shift-Enter. Ctrl-space for more options.
myData
X
Date
Y
Buses: Total Estimated Ridership
Color
Subways: Total Estimated Ridership
Size
Subways: Total Estimated Ridership
Facet X
—
Facet Y
—
Mark
dot
Type Chart, then Shift-Enter. Ctrl-space for more options.
mypizzaData
Type SQL, then Shift-Enter. Ctrl-space for more options.
viewof selectCatagory = Inputs.select(["Classic", "Speciality", "Vegetarian"], {label: "Select one"})
viewof range = Inputs.range([0, 100], {label: "Amount", step: 1})
pizza
Type Table, then Shift-Enter. Ctrl-space for more options.
Mychart= Plot.plot({
marks: [
Plot.areaY(mypizzaData, Plot.windowY( {
x: "order_date",
y: "orders",
k: range,
interval: d3.utcDay
})),
Plot.ruleY([0])
]
})
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,
marfinRight: 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.
