Published unlisted
Edited
Sep 8, 2021
1 star
Insert cell
Insert cell
Insert cell
viewof equalizer = view`
${[
"0",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"1",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"2",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"3",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"4",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"5",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"6",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"7",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"8",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
${[
"9",
html`<input type="range" min="0" max="100" orient="vertical" style="-webkit-appearance: slider-vertical; width: 32px" />`
]}
`
Insert cell
equalizer
Insert cell

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.
Learn more