📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
md`# Hello, three-elements`
html`<a href="https://github.com/hmans/three-elements">three-elements</a>`
import('https://unpkg.com/three-elements@0.3.0/dist/index.esm.js?module')
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" onupdate="dt => this.object.rotation.x = this.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>
`
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.
