Share
Datendesign (oder "Datenvisualisierung") ist die Kunst, Informationen auf eine Art und Weise anzuzeigen, die einfach zu konsumieren und leicht zu verstehen ist.
In unserem neuen Kurs Data Design With Chart.js erhalten Sie eine umfassende Einführung in Chart.js, eine leistungsstarke JavaScript-Bibliothek für die dynamische Anzeige von Daten mithilfe interaktiver und auffälliger Diagramme.
Envato Tuts + Ausbilder Craig Campbell führt Sie durch den gesamten Prozess der Erstellung verschiedener Diagrammtypen in Chart.js. Sie beginnen damit, ein einfaches Liniendiagramm zu erstellen und verschiedene Stile anzuwenden. Dann machen Sie dasselbe mit anderen Diagrammen wie Balkendiagrammen, Kreisdiagrammen und Donutdiagrammen.
Außerdem lernen Sie einige Fertigkeiten, die Ihre Arbeit wirklich hervorheben, wie das Hinzufügen von Animationseffekten und das Erstellen fortschrittlicher Diagramme wie Radardiagramme und Polardiagramme.
Hier einige kostenlose Lektionen aus diesem Kurs als Vorschau auf das, was Sie erwarten können:
In dieser Lektion erstellen Sie Ihr erstes Diagramm, indem Sie mit dem Chart.js-Framework eine Reihe von Punkten in einem Raster zeichnen. Wenn dies erledigt ist, können Sie das Chart.js-Framework dabei beobachten, wie Sie den Rest der schweren Arbeit für Sie erledigen.
In dieser Lektion werfen Sie einen Blick auf verschiedene Stiloptionen, die Sie auf Ihre Liniendiagramme anwenden können, um Farben und Ränder anzupassen.
In dieser Lektion erfahren Sie, wie Sie mit Chart.js Farbe, Form und Rahmen der einzelnen Datenpunkte in Ihren Liniendiagrammen anpassen.
Sie können unseren neuen Kurs sofort mit einem Abonnement von Envato Elements belegen. Für eine einmalige geringe monatliche Gebühr erhalten Sie nicht nur Zugriff auf diesen Kurs, sondern auch auf unsere wachsende Bibliothek mit über 1.000 Videokursen und branchenführenden eBooks für Envato Tuts+.
Darüber hinaus erhalten Sie jetzt unbegrenzte Downloads aus der riesigen Envato Elements-Bibliothek mit mehr als 200.000 Fotos und 26.000 Design-Assets und Vorlagen. Erstellen Sie mit einzigartigen Schriftarten, Fotos, Grafiken und Vorlagen und sorgen Sie schneller für bessere Projekte.
Suchen Sie eine fertige Lösung? Testen Sie Responsive Charts, ein Skript von Envato Market, mit dem Sie HTML5-animierte Diagramme einfach in WordPress erstellen können:
Accentsconagua