The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Mar 14, 2021
2 forks
Importers
11 stars
4
Inputs
Buttons TimelineSpring Ruler TimelineIntervals TimelineUnbind two synchronized inputsInput: draw points on imageToggle inputVideo Time ZoomPoints TimelineIntervals Timeline - SVGThumbnails TimelineTimeline controlsRuler TimelineStack TimelineInputs + setterselectScaleChromaticLog sliderInput: Draw an arrow on an imageInput: Draw an arrow on a map
Detached video controls
Invisible Capture AreaPointer trace on imagePointer traceStore and Synchronized ViewsInput: Two-variables inputInput: move skeleton jointsInput: draw a box on image
Also listed in…
Video
Insert cell
Insert cell
viewof currentTime = videoControls(video)
Insert cell
Insert cell
Insert cell
video = md`<video src=${videoUrl} height=300 controls />`
Insert cell
videoControls(video)
Insert cell
Insert cell
currentTime
Insert cell
Insert cell
Insert cell
videoControls(flyingCinema.querySelector('video'))
Insert cell
Insert cell
audio = html`<audio controls src="${audioUrl}">`
Insert cell
videoControls(audio)
Insert cell
Insert cell
videoControls(video, {
secondaryMediaElements: [
{ mediaElement: flyingCinema.querySelector('video'), timeOffset: 3 }
]
})
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