Dunklere Zellen bedeuten einen hoeheren Wert auf dieser Kennzahl.
WenigerMehr
Zuletzt geprueft Quellen und CreditsMediennachweisMethodik
Kurze Antworten
Wann waehle ich Chart.js-Schnelldiagramme?
Wenn die Geschichte so lautet: interne Tools, studentische Webprojekte, leichtgewichtige Marketingseiten.
Wann meide ich es?
In Faellen wie: Sie benötigen nur Karten, Sankeys oder Vektorexporte in Publikationsqualität.
Wer hat es erfunden oder bekannt gemacht?
Chart.js wurde zum Standard-MIT-Starterdiagramm für das Web
Was kodiert es?
Auf der Leinwand gezeichnete Markierungen aus einem kleinen Konfigurationsobjekt
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.
Chart.js-Schnelldiagramme kodiert Werte als Auf der Leinwand gezeichnete Markierungen aus einem kleinen Konfigurationsobjekt. Chart.js wurde zum Standard-MIT-Starterdiagramm für das Web.
In Berichten, Anzeigen und Aufgaben: interne Tools, studentische Webprojekte, leichtgewichtige Marketingseiten. Meiden, wenn Sie benötigen nur Karten, Sankeys oder Vektorexporte in Publikationsqualität.
Software
- Chart.js — Einfache, dokumentierte Diagramme – MIT-lizenziert. · MIT · github.com/chartjs/Chart.js
- datalabels plugin — Bringen Sie Zahlen auf Balken an, wenn eine Legende nicht ausreicht. · MIT · github.com/chartjs/chartjs-plugin-datalabels
- Awesome Chart.js — Kuratierte Plugins und Adapter, die von der Community verwaltet werden. · MIT · github.com/chartjs/awesome
- ECharts (step up) — Machen Sie hier Ihren Abschluss, wenn sich Chart.js zu klein anfühlt. · Apache-2.0 · github.com/apache/echarts
- Line demo SVG — Server-SVG-Liniendiagramme für Print- und Nicht-JS-Reader. · CC0 examples · github.com/Tool-Lifes/viz-atlas
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.
Chart.js-Schnelldiagramme: Auf der Leinwand gezeichnete Markierungen aus einem kleinen Konfigurationsobjekt ehren und wechseln, wenn Sie benötigen nur Karten, Sankeys oder Vektorexporte in Publikationsqualität.