data = [
{ konflikt: "Kongo (seit 1996)", opfer: 6000000, colorGroup: "Komplexer Krieg" },
{ konflikt: "Bangladesch (1971)", opfer: 3000000, colorGroup: "Historischer Genozid" },
{ konflikt: "Sudan / Bürgerkrieg (1983–2005)", opfer: 2000000, colorGroup: "Komplexer Krieg" },
{ konflikt: "Kambodscha (1975–1979)", opfer: 1700000, colorGroup: "Historischer Genozid" },
{ konflikt: "Ruanda (1994)", opfer: 1000000, colorGroup: "Historischer Genozid" },
{ konflikt: "Sudan-Krieg (seit 2023)", opfer: 400000, colorGroup: "Komplexer Krieg" },
{ konflikt: "Sudan / Darfur (Völkermord 2003)", opfer: 300000, colorGroup: "Historischer Genozid" },
{ konflikt: "Israel/Gaza (seit 2023)", opfer: 75200, colorGroup: "Laufendes IGH-Verfahren" },
{ konflikt: "Srebrenica (1995)", opfer: 8000, colorGroup: "Historischer Genozid" }
]
Plot.plot({
marginRight: 80,
marginLeft: 240,
x: {
grid: true,
label: "Geschätzte Opferzahl (Höchstwert)",
tickFormat: ",d"
},
y: {
label: "",
domain: data.map(d => d.konflikt)
},
color: {
domain: ["Historischer Genozid", "Laufendes IGH-Verfahren", "Komplexer Krieg"],
range: ["#4682B4", "#D9534F", "#8A8A8A"],
legend: true // Erzeugt zusätzlich eine automatische interaktive Legende über dem Diagramm
},
marks: [
Plot.barX(data, {
x: "opfer",
y: "konflikt",
fill: "colorGroup",
sort: { y: "x", reverse: true }
}),
Plot.text(data, {
x: "opfer",
y: "konflikt",
text: d => d.opfer.toLocaleString("de-DE"),
dx: 5,
frameAnchor: "left",
textAnchor: "start"
})
]
})