The avatar for @pierreleripoll
Pierre Ripoll
In beetween drama and data-viz. Working at EPFL's ENAC-IT4R. Used to be student at INSA.
Published
Edited
Jun 3, 2022
10 forks
Importers
103 stars
EPFL 3 JUIN
Delaunay triangulation : hand-madeZoomable Raster & City Graph with street activityBulle de confinement : ParisPath arrow with SVGGradient on circleHow to visualize periodicity ?
10 minutes dashboard: vegaSync guide
Also listed in…
Dashboards
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