// The Cosmic Website is made of forked notebooks, tied together with invisible strings. // The sacred digital artifacts from The Holy State of Devendra are only accessible to those who do the work. //
Public
Edited
Sep 21, 2023
import { slider } from "@jashkenas/inputs"
import { html } from "@observablehq/htl"
Dimension = class {
constructor(level) {
this.level = level;
}
}
getVerse = (level) => {
switch (
level
// ... [The switch-case code from before]
) {
}
}
getBackgroundColor = (level) => {
let colors = [
"#E57373",
"#BA68C8",
"#7986CB",
"#64B5F6",
"#4FC3F7",
"#4DB6AC",
"#81C784",
"#DCE775",
"#FFD54F",
"#FF8A65"
];
return colors[level - 10];
}
dimensionSlider = slider({
min: 10,
max: 19,
value: 10,
step: 1,
title: "Dimension"
})
dimension = dimensionSlider.value
{
verse = getVerse(dimension);
backgroundColor = getBackgroundColor(dimension);
}
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.
