Dunklere Zellen bedeuten einen hoeheren Wert auf dieser Kennzahl.
WenigerMehr
Zuletzt geprueft Quellen und CreditsMediennachweisMethodik
Kurze Antworten
Wann waehle ich D3-Sonderanfertigung?
Wenn die Geschichte so lautet: neuartige Formen, Forschungsfiguren, maßgeschneiderte Erklärer.
Wann meide ich es?
In Faellen wie: Eine Chart.js-Leiste beantwortet bereits die Managerfrage.
Wer hat es erfunden oder bekannt gemacht?
Mike Bostock D3 (2011) – immer noch das handwerkliche Rückgrat des Custom-Designs
Was kodiert es?
Daten werden mit SVG/Canvas-Markierungen mit expliziten Maßstäben verknüpft
OK in Anzeigen?
Ja, wenn eine Behauptung in Meta, Google und Print auf einen Blick sichtbar ist; sonst zur vollstaendigen Figur verlinken.
Nimmt eine Lehrkraft es ab?
Ja fuer Laborberichte und Plakate, wenn Achsen, Einheiten und eine Quellenzeile da sind.
D3-Sonderanfertigung kodiert Werte als Daten werden mit SVG/Canvas-Markierungen mit expliziten Maßstäben verknüpft. Mike Bostock D3 (2011) – immer noch das handwerkliche Rückgrat des Custom-Designs.
In Berichten, Anzeigen und Aufgaben: neuartige Formen, Forschungsfiguren, maßgeschneiderte Erklärer. Meiden, wenn Eine Chart.js-Leiste beantwortet bereits die Managerfrage.
Software
- D3 — Module für Skalen, Formen, Hierarchien und mehr – ISC. · ISC · github.com/d3/d3
- d3-shape — Generatoren für Linien, Flächen, Stapel und Bögen. · ISC · github.com/d3/d3-shape
- d3-scale — Ordnen Sie Datendomänen ehrlich den visuellen Bereichen zu. · ISC · github.com/d3/d3-scale
- Observable Plot — Höhere Grammatik der D3-Familie, wenn Sie Geschwindigkeit wünschen. · ISC · github.com/observablehq/plot
- Vega — Laufzeitgrammatikalternative für komplexe interaktive Spezifikationen. · BSD-3-Clause · github.com/vega/vega
Export
- Export 1 — SVG
- Export 2 — PDF
- Export 3 — EMF/SVG in Folien (keine Screenshots)
- Export 4 — SVG fuers Web, PDF fuer den Druck
Barrierefreiheit
- Barrierefreiheit 1 — Nie Farbton allein. Muster, Label und Lage stapeln.
- Barrierefreiheit 2 — 4.5:1 fuer Text, 3:1 fuer grosse Marken.
- Barrierefreiheit 3 — Kurzer Alt-Text am Diagramm; Zahlen auch als HTML-Tabelle.
- Barrierefreiheit 4 — Bewegung nur als Betonung. prefers-reduced-motion achten.
D3-Sonderanfertigung: Daten werden mit SVG/Canvas-Markierungen mit expliziten Maßstäben verknüpft ehren und wechseln, wenn Eine Chart.js-Leiste beantwortet bereits die Managerfrage.