Public
Edited
Jun 21, 2024
color = characters_per_length < 35 || characters_per_length > 75
? "red"
: characters_per_length < 50 || characters_per_length > 60
? ""
: "green"
html`<style>
li, p{
width: ${characters_per_length}ch;
max-width: ${characters_per_length}ch;
}
input {
accent-color: ${
characters_per_length < 35 || characters_per_length > 75
? "red"
: characters_per_length < 50 || characters_per_length > 60
? ""
: "green"
}
}
.textDimensionCalculation {
position: absolute;
visibility: hidden;
height: auto;
width: auto;
white-space: nowrap;
}
</style>`
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.
