Public
Edited
May 17, 2024
oeuvres
data = {
var resultat = []
oeuvres.forEach(oeuvre => {
var current = oeuvre
//console.log(typeof oeuvre.produced_at)
//console.log(oeuvre.produced_at.charAt(0))
if (oeuvre.produced_at == null)
oeuvre.siecle = "sans date"
else if (oeuvre.produced_at.charAt(0) == "2"){
oeuvre.siecle = "XXIe"
}
else if (oeuvre.produced_at.charAt(0) == "1" && oeuvre.produced_at.charAt(1) == "9")
oeuvre.siecle = "XXe"
else if (oeuvre.produced_at.charAt(0) == "1" && oeuvre.produced_at.charAt(1) == "8")
oeuvre.siecle = "XIXe"
else if (oeuvre.produced_at.charAt(0) == "1" && oeuvre.produced_at.charAt(1) == "7")
oeuvre.siecle = "XVIIIe"
else
oeuvre.siecle = "autre ("+oeuvre.produced_at+ ")"
resultat.push(oeuvre)
})
return resultat
}
siecles = _.uniqBy(data.map(d => d.siecle))
viewof sieclesSelectionnes = Inputs.checkbox(siecles, {label: "Choisir un ou plusieurs siècles", value: ["XXe"]})
selectionSiecle = oeuvres.filter(d => sieclesSelectionnes.includes(d.siecle))
sieclesSelectionnes
firstCategories = _.uniqBy(selectionSiecle.map(d => d.firstCat))
viewof categorieSelectionnee = Inputs.select(firstCategories, {label: "Choisir une categorie"})
categorieSelectionnee
selectionCategorie = selectionSiecle.filter(d => d.firstCat == categorieSelectionnee)
selectionCategorie
X
genreSimplifie
Y
—
Color
genreSimplifie
Size
—
Facet X
—
Facet Y
—
Mark
bar
Type Chart, then Shift-Enter. Ctrl-space for more options.
collections = Plot.plot({
height: 400,
width: 1200,
facet:{
data: dataCollections,
y: "name",
marginLeft: 130,
label:"Collections"
},
marks: [
Plot.dotX(dataCollections, Plot.dodgeY({
x: "ordre",
fill: "name",
href: "url",
target: "_blank",
sort: {channel: "x"}
}))
],
x: {
type: "band",
domain: epigrammes,
ticks: false
},
y: {
tickRotate: 90,
},
marginBottom: 50,
color: {
legend: true,
}
})
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.
