The avatar for @dis-2024-spring
DIS-2024-SPRING
Public
Edited
Feb 28, 2024
1
Insert cell
# Learn Observable 1.5H Workshop
Insert cell
mta_daily_ridership_data__beginning_20209 = FileAttachment("MTA_Daily_Ridership_Data__Beginning_2020-9.csv").csv()
Insert cell
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.

Insert cell
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.

Insert cell
mta_daily_ridership_data__beginning_20209
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
myValue = {
const a =20;
const b= 20;

return a+b;
}
Insert cell
newValue = myValue * 20
Insert cell
myOthervalue = 100 * newValue
Insert cell
<p> Hello, World!</p>
Insert cell
mta_daily_ridership_data__beginning_20209
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
---
Insert cell
## Data
Insert cell
To fetch data, there are SQL query option, API (Url, API key), normal file attachment and file from cloud storage (google drive, Microsoft team).
Insert cell
Insert cell
Insert cell
Insert cell
myData
X
Buses: Total Estimated Ridership
Y
Subways: Total Estimated Ridership
Color
Subways: Total Estimated Ridership
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
import { orderByProductDay } from "@observablehq/pizza-paradise-data"
Insert cell
pizza
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
pizza
SELECT * FROM "ordersByProductDay"
Insert cell
Select a data source…
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
viewof selectCatergory = Inputs.select(["Classic", "Special", "Vegetarian"], {label: "Select one"})
Insert cell
viewof range = Inputs.range([0, 100], {label: "Amount", step: 1})
Insert cell
pizza
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
pizza
SELECT * FROM "ordersByProductDay"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3
Insert cell

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.
Learn more