The avatar for @bryangingechen
Bryan Gin-ge Chen
here to learn
Published unlisted
Edited
Oct 1, 2019
Insert cell
Insert cell
Insert cell
import { wrap } from '8135ff976018a995'
Insert cell
viewof myInput = wrap(html`<input type="range" value="120">`)
Insert cell
myInput
Insert cell
Insert cell
import { viewof a as a1, b as b1 } with {
viewof myInput as viewof a
} from '8135ff976018a995'
Insert cell
Insert cell
Insert cell
viewof myA = wrap(html`<input type="number" value="2">`)
Insert cell
myA
Insert cell
Insert cell
import { viewof a as a2, b as b2 } with {
viewof myA as a
} from '8135ff976018a995'
Insert cell
viewof a2
Insert cell
viewof a2 === viewof myA
Insert cell
a2
Insert cell
a2 === myA
Insert cell
b2
Insert cell
Insert cell
Insert cell
viewof myB = wrap(html`<input type="number" value="-20">`)
Insert cell
myB
Insert cell
Insert cell
import { viewof a as a3, b as b3 } with { myB as a } from '8135ff976018a995'
Insert cell
viewof a3
Insert cell
a3
Insert cell
Insert cell
myB === a3
Insert cell
b3
Insert cell
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more