Diagramme erstellen – nur wie?
Diagramme visualisieren und grafisch darstellen in der Programmierung. Du benötigst dazu am besten Visual-Studio-Code ( Installationsanleitung findest du unten). Natürlich solltest du etwas Kenntnisse in HTML, CSS und Java-Script haben.
Kleine Statistiken und Balken-Diagramme programmieren
Um kleine Diagramme für eine Statistik oder ein Balken-Diagramm zu machen, hier hast du viele Möglichkeiten. Zunächst fällt einem da natürlich Excel ein. Ich möchte mich hier aber nicht mit Excel beschäftigen, sondern dir so einfach wie möglich zeigen, wie du Daten visuell darstellen kannst in Balkendiagramme in der Programmierung und was du genau dazu brauchst und wie du cool loslegen kannst.
LOS GEHT´s
CHART.js
Arbeiten mit Chart.js ( Homepage) Wie installiert man Chart.js? Video Deutsch
Was ist Chart.js eigentlich genau?
Einfach gesagt: Chart. js beschreibt sich als simple, flexible JavaScript Chart-Library für Designer und Entwickler.
Hilfe, ich weiß nicht, wie ich da anfangen soll, aber das Thema finde ich sehr spannend
Wenn du dich hier etwas einarbeiten möchtest, ist zu empfehlen, dass du dir zunächst mal Visual-Studio-Code downloadest und dir anschaust, was man damit alles machen kann. Wenn du noch nie mit Visual-Studio-Code gearbeitet hast, schau dir vor dem Download die entsprechenden Tipps dazu an und was du beim Download bereits beachten solltest. Die Videos und Verweise findest du unten.
Außerdem ist es natürlich wichtig, dass du dich im Vorfeld zumindest grob mit ( Video- Tipps) HTML, CSS, Java-Script auseinandergesetzt hast, sonst könnte das ganze etwas schwierig werden. Für Anfänger ist das ganze also zunächst nur bedingt geeignet. Was Visual-Studio-Code ist und wie du es installierst, findest du unten, die entsprechenden Anleitungen, damit du einen coolen Start hast, beim entwickeln deiner eigenen grafischen Übersichten und Tabellen und dem arbeiten mit CHART.JS.
Was ist Visual-Studio-Code?
Ich habe keine Ahnung von Visual-Studio-Code. Auf was muss ich so achten? Video ( VSC ist kostenlos)
Wie installiert man Visual-Studio-Code? Video (deutsch)
Video 1
Programmierung mit chart js in Verbindung mit Java-Script, erklärt von einem Entwickler.
Video (deutsch – 15 min)
Video 2
2,5 Stunden Einführung Chart. js
Video (deutsch 2,5 Stunden)
Anmerkung: Wenn du hier das oben genannte Video auf 21:20 vor scrollst, siehst du sofort, wie die index.html-Datei in Visual-Studio-Code angelegt wird.
Wie installiert man eigentlich chart.js und wo muss man den Code einbinden?
Es gibt verschiedene Möglichkeiten:
Video ( engl.)
deutsche Anleitung mehr
Chart js & Angular ( eher für Fortgeschrittene)
Chart js in Angular (engl) Video :
Oh je, ich weiß leider nicht, was Angular ist mehr
Chart js
Video: Chart js – Diagramme (engl)
Interessant und wenn du dich mit Python beschäftigst, auch hier hast du die Möglichkeit mit chart.js zu arbeiten.
Um Grafiken zu visualisieren kannst du auch mit Plotly von Python arbeiten. Python
Ein ganz einfaches Balken-Diagramm programmieren. Wie geht das ? Video
zurück zum Programmierbaum