Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Feb 14, 2020
Importers
7 stars
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 AreaPointer trace on imagePointer traceStore and Synchronized ViewsInput: Two-variables inputInput: draw a box on image
Input: move skeleton joints
a
viewof a = moveSkeletonJoints({
image: await FileAttachment("pingpong.jpg").image(),
name: 'pingpong',
width: width,
strokeColor: 'black',
value: [
{ idx: 0, x: 702, y: 286 },
{ idx: 1, x: 712, y: 316 },
{ idx: 2, x: 737, y: 305 },
{ idx: 3, x: 757, y: 315 },
{ idx: 4, x: 714, y: 305 },
{ idx: 5, x: 688, y: 326 },
{ idx: 6, x: 651, y: 353 },
{ idx: 7, x: 610, y: 339 },
{ idx: 8, x: 739, y: 392 },
{ idx: 9, x: 757, y: 388 },
{ idx: 10, x: 806, y: 445 },
{ idx: 11, x: 851, y: 488 },
{ idx: 12, x: 721, y: 396 },
{ idx: 13, x: 676, y: 418 },
{ idx: 14, x: 635, y: 463 },
{ idx: 15, x: 706, y: 274 },
{ idx: 16, x: 688, y: 280 },
{ idx: 17, x: 716, y: 280 },
{ idx: 18, x: 685, y: 290 },
{ idx: 19, x: 620, y: 443 },
{ idx: 20, x: 618, y: 451 },
{ idx: 21, x: 633, y: 471 },
{ idx: 22, x: 870, y: 514 },
{ idx: 23, x: 874, y: 512 },
{ idx: 24, x: 855, y: 494 }
]
})
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.
