The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Inputs
Edited
May 11, 2021
Fork of Ruler Timeline
•
1 fork
Importers
1 star
Inputs
Buttons Timeline
Spring Ruler Timeline
Intervals 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 mapDetached video controlsInvisible Capture AreaPointer trace on imagePointer traceStore and Synchronized ViewsInput: Two-variables inputInput: move skeleton jointsInput: draw a box on image
Insert cell
Insert cell
Insert cell
viewof v1 = springRuler()
Insert cell
(viewof v1.value = 0.9)
Insert cell
(viewof v1.zoomRange = [0.5, 1.00419])
Insert cell
viewof v1.zoomRange
Insert cell
v1
Insert cell
Insert cell
viewof v2 = springRuler({
value: 5.72,
min: 3.1,
max: 10,
step: 0.1,
width: 300,
zoomRange: [3.7, 8.3],
zoomTranslateExtent: [-5, 11], // ignored
zoomScaleExtent: [10, 10000],
zoomDisabled: false,
speed: 5
})
Insert cell
v2
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