Award-winning creative focused on data-driven art and visualizations, trying to push the boundaries of the web one visual story at a time ✨
{
// this line is a little bit of Observable magic to make sure that every time
// our filter cells update, we use the existing SVG element instead of trashing it and creating a new one
// if you're working in your index.html, you'd create your svg element and select it as we did before
const svg = this || html`<svg width=${width} height=${width / 2}></svg>`
mutable graph = calculateGraph(graph)
// ✨ OUR CODE HERE
// invalidation.then(() => simulation.stop())
return svg
}
import {
movies, slide, slide_style,
svgHeight, scrollSVG, textWidth,
topGenres, rated,
} from '@sxywu/workshop-utility-functions'
import {calculateData} from '2683357905679f61'
topGenresOther = _.union(topGenres, ['Other'])
import {checkbox} from "@jashkenas/inputs"
slide_style
d3 = require('d3')
_ = require('lodash')
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.
