Developer, artist, writer, and mother. Core committer to @pydanny 💘My notebooks are for my own personal learning purposes. If you see anything I could be doing better, suggestions would be a huge help.
Published
Edited
Oct 11, 2019
1 fork
chart = {
return svg.node()
}
d3.schemeOranges[9].map(c => dotSwatch(c))
function dotSwatch(color) {
svg.append("circle")
.attr("width", 50)
.attr("height", 50)
.attr("cx", d3.randomUniform(0, width)())
.attr("cy", d3.randomUniform(0, height)())
.attr("r", d3.randomUniform(10, 50)())
.style("fill", color)
}
d3 = require("d3")
height = Math.min(width, 400)
svg = d3.create("svg")
.attr("align", "center")
.attr("viewBox", [0, 0, width, height])
// .attr("viewBox", [-width / 2, -height / 2, width, height])
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.
