Tech Lead at Taktile.
Formerly Firebase, Google
Composing viewofs with the view literalScaling User Interface DevelopmentlocalStorageView: Non-invasive local persistanceDOM viewurlQueryFieldView: Non-invasive URL field persistenceDesign Guidelines and Linter for Reusable UI ComponentsSqueezing more Juice out of UI librariesReversible attachmentGlobally Synchronized ViewsTabbed Pane ViewMultiplayer Cursors👋 Hello, javascript-state-machine ⨯ PlotVertical SlidersDraggable LocalFile fileInputData EditorView Composition ExamplesComposing views across time: viewroutineHypertext literal reconciliation with nanomorphResponsive gridimgChooserDraggable Sticky viewHowto import a React component (Chonky Example)
UI Animation
viewof demo1 = animation({
tRange: [0, 4],
tStep: 0.01,
pixelsPerT: 200,
options: {
radius: {
color: "blue"
}
},
keyFrames: {
angle: [
{t: 0, y: 0},
{t: 0.7557499408721924, y: 0.7339999973773956},
{t: 1.4014999866485596, y: 0.9020000249147415},
{t: 1.963249921798706, y: 0.6739999949932098},
{t: 2.241499900817871, y: 0.24799996614456177},
{t: 3.0919997692108154, y: 0},
{t: 3.097249746322632, y: 1},
{t: 4, y: 0}
],
radius: [
{t: 0, y: 0.1},
{t: 1, y: 0.2},
{t: 4, y: 1}
]
}
})
import { footer } from "@tomlarkworthy/footer"
footer
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.
