Published
Edited
Oct 30, 2020
Insert cell
md`# Board of Curators`
Insert cell
Insert cell
viewof greenLength = html`<input type="range" min="0" max="8" value="4"></input>`
Insert cell
render
Insert cell
render = {
let person = 0;
return html`
<style>
.tooltip {
/*position: absolute;*/
}
</style>
<!--<input id="slider" type="range" min="0" max="8" value="4"></input>-->
<div id="svgContainer">
${bubble_chart(bubble_data[`${greenLength}`])}
</div>
<script>
function inc() {
person++;
}
</script>
`
}
Insert cell
cleaned = getData(1)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
buildOut = async function() {
let out = [];
data_map.forEach(async function(d, i) {
await(getData(i)).then(function(d) {out.push(d)});
})
return out;
}
Insert cell
Insert cell
Insert cell
Insert cell
bubble_data = combineRows(data)
Insert cell
d3 = require("d3@6")
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