The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Inputs
Edited
Sep 11, 2020
Fork of Pointer trace
•
1 fork
Importers
2 stars
1
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 mapDetached video controlsInvisible Capture Area
Pointer trace on image
Pointer traceStore and Synchronized ViewsInput: Two-variables inputInput: move skeleton jointsInput: draw a box on image
Insert cell
Insert cell
viewof trace = pointerTrace()
Insert cell
trace
Insert cell
Insert cell
trace
Insert cell
Insert cell
viewof traceWithOptions = pointerTrace({
width: 500,
eventTypes: ['pointerdown'],
render: renderLine('white'),
filter: event => event.pressure > 0,
showButtons: ['info', 'save', 'image'],
imageInputOptions: {
initialUrl: await FileAttachment(
"ryan-stone-U3cctUBucn0-unsplash.jpg"
).url()
}
})
Insert cell
traceWithOptions
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