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.
chart = {
return svg.node()
}
d3[dd]
d3[dd].forEach((arr, pos) => displayColorScheme(arr, pos))
function displayColorScheme(arr, pos) {
svg.append("text")
.text(pos)
.attr('x', 10)
.attr('y', 50 + pos * 50)
.attr('alignment-baseline', 'middle')
arr.map((c, i) => dotSwatch(c, i, pos))
}
function dotSwatch(color, i, j) {
svg.append("circle")
.attr("width", 50)
.attr("height", 50)
.attr("cx", 50 + i * 50)
.attr("cy", 50 + j * 50)
.attr("r", 10)
.style("fill", color)
.append("svg:title")
.text(color)
}
d3 = require("d3@5")
height = 600
svg = d3.create("svg")
.attr("align", "center")
.attr("viewBox", [0, 0, 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.
