Published
Edited
Jul 25, 2020
Insert cell
Insert cell
Insert cell
Insert cell
update = chart.update(data, counter)
Insert cell
md`# Input Parameters`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`# Data and Random Walk`
Insert cell
Insert cell
Insert cell
md` # Other Parameters`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
color = {
const scale = d3.scaleOrdinal(d3.schemeCategory10);
return d => scale(d.comm);
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
function linkArc(d) {
const r = Math.hypot(d.target.x - d.source.x, d.target.y - d.source.y);
return `
M${d.source.x},${d.source.y}
A${r},${r} 0 0,1 ${lineX2(d)},${lineY2(d)}
`;
}
Insert cell
md ` Section for defining and testing Synthesizer. Code adapted from https://observablehq.com/@tmcw/playing-with-tone-js`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md `Imports`
Insert cell
d3 = require("d3@5")
Insert cell
import {slider} from "@jashkenas/inputs"
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