Public
Edited
Apr 27, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
types = new Set(data.map(i => i.fitness_discipline_display_name));
Insert cell
Insert cell
durations = [5,10,15,20,30,45, 60]
Insert cell
Insert cell
filtered = newData.filter(d => filters.workoutType.includes(d.fitness_discipline_display_name) & filters.instructor.includes(d.instructor_name) & filters.duration.includes(d.duration_min) && d.difficulty <= filters.difficulty)

Insert cell
Insert cell
Insert cell
Insert cell
template = (inputs) =>
htl.html`<div class="styled">${Object.values(inputs)}</div>
<style>
div.styled {
text-align: right;
column-count: 3;
}
div.styled label {
font-weight: bold;
}
</style>`
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