Public
Edited
Apr 27, 2023
Plot ResourcesWhat is Plot?TableScatterplotBar Chart🏁 Checkpoint: Interactive Visualization of Your DataLine ChartArea Chart🏁 Assignment: Upgrade Your Line ChartCandlestick Chart🏁 Assignment: Upgrade Your Dashboard👥 Assignment: Technical Analysis DashboardGroup Assignment #2: Your Data on Observable
🏁 Assignment: Build a Plot and Tweak It
data.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
width: 800,
color: {
legend: true,
scheme: "Cool"
},
x: {
label: "Population ",
domain: [-10000,90000000 ]
},
y: {
label: "GDP per Capita",
grid: true,
domain: [0,190000],
tickRotate: 30
},
marks: [
Plot.dot(data1, {
x: "pop",
y: "gdpPerCapita",
r: "gdpPerCapita",
fill: "gdpPerCapita",
fillOpacity: 0.9,
marginLeft: 100,
}),
Plot.linearRegressionY(data1, {
x: "pop",
y: "gdpPerCapita",
stroke: "steelblue",
ci: 0.95,
}),
Plot.text(data1,
{
x: "pop",
y: "gdpPerCapita",
text: d=> d["gdpPerCapita"]> 100000? d["country"] : "",
fontSize: 10,
fill: "blue"
})
]
})
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.
