Public
Edited
Sep 2, 2023
viewof opt2 = Inputs.form([
Inputs.radio(['light', 'dark'], {label: "Select theme:"}),
Inputs.toggle({label: "Include logo?"}),
Inputs.range([25, 100], {value: 75, label: "Logo size:", step: 5}),
Inputs.range([0, 100], {label: "Value:", value: 1}),
Inputs.text({label: "Text", value: "Text to plot..."})
])
function restyle(input) {
d3.select(input)
.classed("MyInput", true)
.append("style")
.text(`.MyInput input {border: 0px; background-color: #ebebeb; border-radius: 5px; padding: 5px; accent-color: black; border-style: none;}`);
return input;
}
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.
