Published
Edited
Jun 3, 2022
10 forks
Importers
103 stars
Also listed in…
EPFL 3 JUIN
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
csv = d3.csv(
"https://raw.githubusercontent.com/flother/rio2016/master/athletes.csv",
d3.autoType
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
vegalite = require("@observablehq/vega-lite@0.3")
Insert cell
vegaliteSport
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
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
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
crossfilter = require("crossfilter2@1.5.4")
Insert cell
factsExample = crossfilter(csv)
Insert cell
Insert cell
factsExample.all()
Insert cell
Insert cell
sportDim = factsExample.dimension(d => d.sport)
Insert cell
Insert cell
result_filter_crossfilter = {
//you can try to add 'golf' in the list inside the filter
sportDim.filter(sport => ['fencing'].includes(sport));
return factsExample.allFiltered();
}
Insert cell
Insert cell
Insert cell
Insert cell
facts = createFacts(csv)
Insert cell
Insert cell
height_sankey = 600 * 0.6
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// import { fullscreen } from '@severo/two-columns-layout-in-fullscreen-mode'
Insert cell
Insert cell
import { radio, slider } from "@jashkenas/inputs"
Insert cell
Insert cell
W0 = 1200
Insert cell
w = width >= W0 ? Math.floor(width * 0.4) : width * 0.75 // for fullscreen
Insert cell
import { table } from "@tmcw/tables/2"
Insert cell
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