The avatar for @advanced-interactive-vis-ss25
Advanced Interactive Vis SS25
Public
Edited
Jun 11
2
Insert cell
Insert cell
Insert cell
Insert cell
allGenres = new Set(sanitzedData.flatMap(data => data.genre))
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
bla = selectedCompareGenreNode.children
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
createGenreHierarchy(filteredData.curState)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
everyNoiseAtOnce = FileAttachment("every_noise_at_once-2.html").html()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
customNoises = [
{genre: "indie", x: 537.74, y: 13342.92},
{genre: "german", x: 621.6, y: 13308.71},
// mitte zwischenr rap und german
{genre: "deutschrap", x: (1042.26 + 621.6) / 2, y: (13414.19 + 13308.71) / 2},
{genre: "female vocalists", x: 688.31, y: 9407.56},
{genre: "dance", x: 932.29, y: 17263.76}
]
Insert cell
fallbackNoise = ({ genre: 'no noise found', x: 500, y: 10000})
Insert cell
songToNoiseGenreTranslation = new Map([
['electronic', 'electro'],
]);
Insert cell
excludedGenres = ['seen live']
Insert cell
Insert cell
viewof searchString = Inputs.text({label: "search for noise: ", value: "indie"})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
curColors = util.getColors(songToShowCount + 1)
Insert cell
Insert cell
Insert cell
import { rangeSlider } from "@mootari/range-slider"
Insert cell
import {yamultiselect} from '@saneef/yet-another-multi-select'
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