The avatar for @mootari
Fabian Iwand
Web developer and autodidact with an interest in creative coding.
Published
Edited
Sep 13, 2020
6 forks
63 stars
3D
Force Graph Trails
Twenty-Odd SpacysseyZdog HelpersHello, BabylonJS!Pixar Postcard PathtracerLayered MetaballsOrientation
Also listed in…
Tools & Techniques
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
deconstructed
Insert cell
colors = deconstructed[0].nodes.map(color)
Insert cell
bounds = getBounds(deconstructed)
Insert cell
states = expandStates(deconstructed, (sIndex, nIndex, node) => ({
x: 200 * ((node.x - bounds.left) / bounds.width - .5),
y: 200 * ((node.y - bounds.top) / bounds.height - .5),
z: 150 * sIndex / (deconstructed.length - 1),
}))
Insert cell
trails = getTrails(states, minDelta * Math.hypot(bounds.width/2, bounds.height/2))
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
Insert cell
Insert cell
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