Public
Edited
Nov 5, 2023
State of the art - Sheet1 (3).csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
color: { legend: true },
x: { grid: true },
y: { grid: true },
width: 1200,
height: 800,
marginLeft: 125,
marginBottom: 50,
title: "State of the art",
marks: [
Plot.dot(
await FileAttachment("State of the art - Sheet1 (3).csv").csv({
typed: "auto"
}),
Plot.group(
{ r: "count" },
{ x: "function old", y: "function new", tip: true }
)
)
]
})
Plot.plot({
color: { legend: true },
y: { grid: true },
x: { grid: true },
width: 1199,
title: "Function (new)",
marks: [
Plot.barY(
stateOfTheArtSheet1,
Plot.groupX(
{ y: "count" },
{ x: "function new", fill: "name", tip: true }
)
),
Plot.ruleY([0])
]
})
Matrix 1 - Sheet1 (1)@1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.barY(matrix1Sheet1, {
x: "Project",
y: "Economies",
fill: "#b33a52",
tip: true
}),
Plot.ruleY([0])
]
})
State of the art - Sheet1 (3).csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
color: { legend: true },
x: { grid: true },
y: { grid: true },
title: "Function (original)",
width: 1200,
marks: [
Plot.barY(
stateOfTheArtSheet1,
Plot.groupX(
{ y: "count" },
{ x: "function old", fill: "name", tip: true }
)
),
Plot.ruleY([0])
]
})
Matrix2 - Sheet1 (1).csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.barY(matrix2Sheet1, {
x: "Project",
y: "Livability",
fill: "#b33a52",
tip: true
}),
Plot.ruleY([0])
]
})
Matrix3 - Sheet1 (2).csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.barY(matrix3Sheet1, {
x: "Project",
y: "Historic Preservation",
fill: "#b33a52",
tip: true
}),
Plot.ruleY([0])
]
})
Plot.plot({
marks: [
Plot.barY(matrix5Sheet1, {
x: "Project",
y: "Tourism",
fill: "#b33a52",
tip: true
}),
Plot.ruleY([0])
]
})
Matrix4 - Sheet1 (2).csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.barY(matrix4Sheet1, {
x: "Project",
y: "Ecological Restoration",
fill: "#b33a52",
tip: true
}),
Plot.ruleY([0])
]
})
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.
