Web developer and autodidact with an interest in creative coding.
viewof example = xySlider({min: -5, max: 5, step: 1, value: [2, 3]})
viewof example_step = xySlider({min: 0, max: 3, xstep: 1/3, ystep: 1, xvalue: 7/3})
example_step
viewof example_size = xySlider({width: "160px", height: "100px"})
example_size
viewof example_theme = xySlider({
width: "100px",
theme: `
${theme_default}
:scope .zone {
border-radius: 100%;
border: 2px solid black;
box-shadow: none;
background: radial-gradient(black 40%, white);
color: black;
}
:scope .zone::before { background: green }
:scope .zone::after { background: red }
:scope .thumb {
--thumb-size: 20px;
background: white;
border: none;
box-shadow: 0 0 10px;
}
`
})
example_theme
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.
