Published
Edited
Feb 9, 2018
1 fork
Importers
7 stars
Insert cell
Insert cell
Insert cell
viewof keys = keyboard()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
keyboard = () => {
let node = html`<div>Keyboard</div>`
node.value = {}
window.addEventListener('keydown', (e) => {
node.value[e.key] = true
node.dispatchEvent(new CustomEvent('input'))
})
window.addEventListener('keyup', (e) => {
delete node.value[e.key]
node.dispatchEvent(new CustomEvent('input'))
})
return node
}
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