Public
Edited
Jun 5, 2024
9 forks
7 stars
Insert cell
Insert cell
Insert cell
data_raw = d3.csv(
"https://docs.google.com/spreadsheets/d/e/2PACX-1vRM4Un_tyJOy1eUJnE52-XEK0FoOofiszPAtUYU3JnmpuYDOPrrqv901l6AhLPpYprI4MeAFhnBNnBj/pub?output=csv"
)
Insert cell
Insert cell
Amsterdam = d3.csv(
"https://docs.google.com/spreadsheets/d/e/2PACX-1vRM4Un_tyJOy1eUJnE52-XEK0FoOofiszPAtUYU3JnmpuYDOPrrqv901l6AhLPpYprI4MeAFhnBNnBj/pub?output=csv",
d3.autoType
)
Insert cell
Insert cell
Amsterdam2 = d3.csvParse(
await FileAttachment("listings@1.csv").text(),
d3.autoType
)
Insert cell
Insert cell
Insert cell
barcode = {
const svg = d3
.create("svg")
.attr("viewBox", [0, 0, width, 200])
.style("overflow", "visible");

svg
.selectAll("rect")
.data(Amsterdam)
.join("rect")
.attr("x", (d) => d.price)
.attr("y", 0)
.attr("width", 0.3)
.attr("height", 200);

return svg.node();
}
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