DensityDesign is a Research Lab of the Department of Design, Politecnico di Milano.
Public
Edited
Nov 13, 2023
{
let svg = d3.create("svg").attr("width", myWidth).attr("height", myHeight);
svg
.append("rect")
.attr("width", myWidth)
.attr("height", myHeight)
.attr("fill", "#efefef");
let points = svg
.selectAll("circle")
.data(carModelsData)
.join("circle")
.attr("cx", (d) => xScale(d["displacement (cc)"]))
.attr("cy", (d) => yScale(d["weight (lb)"]))
.attr("r", (d) => sizeScale(d["economy (mpg)"]))
.attr("fill", "#ffffff")
.attr("fill-opacity", 0.5)
.attr("stroke", "#000000");
svg.append("g").call(x_axis);
svg.append("g").call(y_axis);
return svg.node();
}
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.
