Published
Edited
Feb 6, 2021
1 fork
17 stars
Insert cell
Insert cell
html`
<div style="width: ${width}; height: 480px">
<three-game autorender>
<three-scene background-color="#eee">
<three-ambient-light intensity="0.2"></three-ambient-light>
<three-directional-light intensity="1.2" position="10, 10, 30"></three-directional-light>

<three-mesh scale="5" tick="object.rotation.x = object.rotation.y += 0.5 * dt">
<three-dodecahedron-buffer-geometry></three-dodecahedron-buffer-geometry>
<three-mesh-standard-material color="#112"></three-mesh-standard-material>
</three-mesh>
<three-orbit-controls></three-orbit-controls>
</three-scene>
</three-game>
</div>
`
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