update = chart.update(data, counter)
md`# Input Parameters`
md`# Data and Random Walk`
md` # Other Parameters`
md` Outer Color of Node based on community assignment`
color_outer = {
const scale = d3.scaleOrdinal(d3.schemePaired);
return d => scale(d);
}
/*
color_inner = {
const scale = d3.scaleOrdinal(d3.schemeCategory10);
//const scale = d3.interpolateSpectral;
return d => scale(d);
}
*/
color_inner = d3.interpolateRainbow
viewof counter = Inputs.button([["Increment", value => value + 1],["Reset", value=> -1]], {value: -1})
counter
play(random_walk[counter].note);
random_walk[counter]
/*
counter = {
start_walk;
let i = 0;
while (i < random_walk.length) {
play(random_walk[i].note);
yield Promises.delay(random_walk[i].duration, ++i);
}
}
*/
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)}
`;
}
md ` Section for defining and testing Synthesizer. Code adapted from https://observablehq.com/@tmcw/playing-with-tone-js`
md `Imports`
d3 = require("d3@5")
import {slider} from "@jashkenas/inputs"
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.
