The avatar for @a7bsl
a7bs
Public
Edited
Mar 22, 2023
Fork of Lesson 1: Introduction
2
Insert cell
Insert cell
Insert cell
Insert cell
olympians
Insert cell
Insert cell
viewof table3 = Inputs.table(cars)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof table1 = Inputs.table(alphabet)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.ruleY([0]),
Plot.lineY(aapl, {x: "Date", y: "Close"})
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.dot(cars, {x: "power (hp)", y: "economy (mpg)", fill: "cyalendr",title: "name"})
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
datasaurus = FileAttachment("Datasaurus_data+headers.csv").csv({typed: true})
Insert cell
anscombe = FileAttachment("anscombe.csv").csv({typed: true})
Insert cell
import {toc} from "@mbostock/toc"
Insert cell
import {DonutChart} from "@d3/donut-chart"
Insert cell
islands = [...d3.group(penguins, d => d.species).entries()].map(d => {
return {
name: d[0],
value: d[1].length
}
}).sort((a, b) => d3.descending(a.value, b.value))
Insert cell
import {chart as sankey} from "@d3/sankey"
Insert cell
import {Plot} from "@mkfreeman/plot-tooltip"
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