// import {data_meteorites as data_meteoritesInitial} from "..."
import {data_meteorites as data_meteoritesInitial} from "b685150be868f3ab"
// Uncomment below to enable
Inputs.table(data_meteoritesInitial)
// Uncomment below to enable
data_meteorites = aq.from(data_meteoritesInitial)
.select('name','mass','fall','year')
.sample(10_000) // uncomment if your computer is slowing down
.rename({mass: "massInGrams"}) // uncomment later
.derive({mass: d => d.massInGrams/1000000}) // uncomment later
.objects()
Plot.plot({
marks: [
Plot.dot(data_meteorites, {x: "year", y: "mass"})
]
})
data_meteorites
Plot.plot({
marks: [
Plot.dot(data_meteorites, {x: "year", y: "mass", r: "mass"})
]
})
// ... your code here
Plot.plot({
marks: [
Plot.dot(data_meteorites, {
x: "year",
y: "mass",
r: "mass",
fill: "mass"
})
]
})
// ... your code here
Plot.plot({
marks: [
Plot.dot(data_meteorites, {
x: "year",
y: "mass",
r: "mass",
fill: "fall"
})
]
})
data_meteorites
// ... your code here
Plot.plot({
marks: [
Plot.dot(data_meteorites, {
x: "year",
y: "mass",
r: "mass",
fill: "fall",
fillOpacity: 0.6
})
]
})
// ... your code here
Plot.plot({
color: {
legend: true
},
marks: [
Plot.dot(data_meteorites, {
x: "year",
y: "mass",
r: "mass",
fill: "fall",
fillOpacity: 0.6
})
]
})
// ... your code here
Plot.plot({
color: {
legend: true
},
marks: [
Plot.dot(data_meteorites, {
x: "year",
y: "mass",
r: "mass",
fill: "mass",
fillOpacity: 0.6
})
]
})
// ... your code here
Plot.plot({
color: {
legend: true
},
marks: [
Plot.dot(data_meteorites, {
x: "year",
y: "mass",
r: "mass",
fill: "mass",
fillOpacity: 0.6
}),
Plot.text(data_meteorites, {
x: 1900,
y: 24,
text: ["Hello ⇢"],
fontSize: 20,
fill: 'red'
})
]
})
// ... your code here
Plot.plot({
color: {
legend: true
},
marks: [
Plot.dot(data_meteorites, {
x: "year",
y: "mass",
r: "mass",
fill: "mass",
fillOpacity: 0.6
}),
Plot.text(data_meteorites, {
x: "year",
y: "mass",
text: "name",
fontSize: 20
})
]
})
// ... your code here
Plot.plot({
color: {
legend: true
},
marks: [
Plot.dot(data_meteorites, {
x: "year",
y: "mass",
r: "mass",
fill: "mass",
fillOpacity: 0.6
}),
Plot.text(data_meteorites, {
x: "year",
y: "mass",
text: d => d["mass"] > 5 ? d["name"] : "" ,
fontSize: 20
})
]
})
Plot.plot({
marks: [
Plot.dot(data_meteorites, {x: "year", y: "mass", fill:"dodgerblue"})
]
})
Plot.plot({
marks: [
Plot.dot(data_meteorites, { x: "year", y: "mass", fill: "dodgerblue" }),
Plot.link(
{ length: 1 },
{
x1: 0,
y1: 0,
x2: 2000,
y2: 2
}
)
]
})
Plot.plot({
marks: [
Plot.dot(data_meteorites, { x: "year", y: "mass", fill: "dodgerblue" }),
Plot.linearRegressionY(data_meteorites, {
x: "year",
y: "mass",
stroke: "red",
ci: 0.95
})
]
})
Plot.plot({
x: {
label: "Year →"
},
y: {
label: " ↑Mass in tons",
grid: true
},
marks: [
Plot.dot(data_meteorites, { x: "year", y: "mass", fill: "dodgerblue" }),
Plot.linearRegressionY(data_meteorites, {
x: "year",
y: "mass",
stroke: "red",
ci: 0.95
})
]
})
Plot.plot({
x: {
label: "Year →",
tickFormat: d3.format(".0f")
},
y: {
label: " ↑Mass in tons",
grid: true
},
marks: [
Plot.dot(data_meteorites, { x: "year", y: "mass", fill: "dodgerblue" }),
Plot.linearRegressionY(data_meteorites, {
x: "year",
y: "mass",
stroke: "red",
ci: 0.95
})
]
})
import {Wrangler, op} from "@observablehq/data-wrangler"
import {imageToDo} from "@clokman/student-blocks"
imageToDo
import {toc} from "@nebrius/indented-toc"
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.
