The avatar for @fhooe-infovis
FHOÖ Information Visualization
Public
Chart Types
Edited
May 2
1 star
5
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
anscombe.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
nations = FileAttachment("nations.csv").csv({typed: true})
Insert cell
Plot.plot({
title: "Life expectancy by GDP per capita, " + 1950 + "-" + 2008,
x: { type: "log"},
r: { range: [0, 60]},
marks: [
Plot.dot(recentNationsData, {
x: "income",
y: "lifeExpectancy",
filter: (d) => d.year === yearValue,
r: "population",
fill: "region",
opacity: 0.6
})
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
candidates = FileAttachment("candidates.csv").csv({ typed: true })
Insert cell
candidates
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
marginTop: 80,
marginLeft: 120,
r: { type: "linear", range: [5, 28] },
color: { scheme: "RdYlGn", domain: [1, 5]},
x: {
tickRotate: -35, axis: "top",
},
marks: [
Plot.dot(data, {
x: "field",
y: "name",
r: "value",
fill: "value",
opacity: 0.9
}),

Plot.text(data, {
x: "field",
y: "name",
text: "value",
fill: "white"
})
],
width: 700,
height: 500
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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