Erstellen interaktiver Diagramme mit extern eingebunden Daten

jusaca

Commander
🎅 Nikolaus-Rätsel-Elite
Registriert
Apr. 2008
Beiträge
2.231
Ich hab mit Highlevel Softwareentwicklung eigentlich nicht viel am Hut, ich schreibe sonst höchstens mal nen bissel C oder Assembler auf Mikrocontrollern. Daher habe ich auch absolut keinerlei Erfahrung mit Webdesign.
Nun habe ich vor mir eine kleine Wetterstation zu bauen und würde die Messdaten gerne von einem Raspberry als Website veröffentlichen (zumindest erstmal im LAN, später gerne auch online). Dabei hatte ich mir vorgestellt, dass die Messdaten als svg-Diagramme ähnlich zu den Diagrammen hier auf CB dargestellt werden und bei Mausklick auf die Graphen der genau Wert eingeblendet wird (siehe z.B. das Liniendiagramm in dieser News: https://www.computerbase.de/2018-04/amd-quartalszahlen-q1-2018/).

Da ich ungerne fertige Frameworks einsetzte, sondern lieber verstehen möchte was ich tue, habe ich mir die letzten Abende mal die Grundlagen von HTML und CSS angeschaut und habe nun versucht, den Quellcode hier von CB nachzuvollziehen.

Dabei musste ich jedoch einsehen, dass es einfach zu viel Aufwand für mich ist, dass komplett selber zu erstellen (ich bin halt Hardware-Mensch, kein Softwerker...). Zumal die Diagramme hier auf CB die Datenpunkte fix im svg eingebunden haben, während ich die Messdaten gerne automatisch aus einer (bisher nicht definierten) Datenbank ziehen möchte.

Daher nun die Frage: Gibt es fertige Frameworks, mit denen man ohne große Erfahrung im Webdesign Diagramme dieser Art einbinden kann und die Daten dabei dynamisch aus einer Datenbank nachlädt?

Viele Grüße
Julian
 
Wow, also Highcharts sieht zwar etwas überladen aus für meine Zwecke, gleichzeitig aber auch sehr interessant. Das werde ich mir mal genauer ansehen ;)
 
mein persönlicher Favorit ist in den meisten Fällen chartjs -> https://www.chartjs.org

Opensource, kostenlos, super Dokumentation und Beispiele und bietet schon ziemlich viel, meist ausreichend für meine Projekte.
 
  • Gefällt mir
Reaktionen: kim88
Zurück
Oben