Anzeige
Anzeige
Software & Entwicklung

6 Tools für Diagramme in Webseiten und Web-Apps

Graphen und Diagramme sind nützliche Werkzeuge zur Visualisierung von Daten und Darstellung von komplexen Sachverhalten. Mit diesen 6 Tools können Webworker ihre Webseiten und Web-Apps um Clientseitig generierte Diagramme erweitern.

Von Ilja Zaglov
2 Min.
Artikel merken
Anzeige
Anzeige

gRaphaël

graphael_diagramme

Anzeige
Anzeige

gRaphaël basiert auf der JavaScript Library Raphaël, die Webworker bei der Arbeit mit Vektorgrafiken im Web unterstützen soll. Die unter MIT-Lizenz stehende Library benutzt SVGs und VML als Basis um verschiedene Grafiken zu erstellen. So können neben Kreis-, Balken und Liniendiagrammen auch deutlich komplexere Grafiken unter Firefox 3.0+, Safari 3.0+, Opera 9.5+ und Internet Explorer 6.0+ generiert werden.

Highcharts

highcharts_diagramme

Anzeige
Anzeige

Highchats ist eine Diagramm-Bibliothek, die auf HTML5 und JavaScript basiert und interaktive Charts für Webseiten und Web-Applikationen bietet. Sie unterstützt derzeit eine Vielzahl von Diagrammtypen und erlaubt auch die Kombination verschiedener Diagramme untereinander. Die Bibliothek funktioniert in allen modernen Browsern, darunter auch iOS und Android. Highcharts ist in der Version 3.0 unter der Creative Commons Lizenz für nichtkommerzielle Projekte oder ab 90$ erhältlich.

Anzeige
Anzeige

jqPlot

jqplot_diagramme

jqPlot ist ein kostenloses jQuery Plugin für die Erstellung von Linien- Balken und Kuchendiagrammen mit zahlreichen Features. Neben dem Styling der Diagramme, ist es möglich Tooltips und Hover-Effekte zum Diagramm hinzuzufügen. jqPlotwurde unter IE7, IE8, Firefox, Safari und Opera in den aktuellen Fassungen getestet.

Anzeige
Anzeige

Flot

flot_diagramme

Flot ist eine JavaScript-Bibliothek für die Erstellung von Graphen mit jQuery, die vor allem einfach zu nutzen, gut aussehen und interaktive Features bieten soll. Flot unterstützt Liniendiagramme, Punkte, gefüllte Bereiche und Kombinationen ebendieser. Außerdem stehen zahlreiche Plugins für erweiterte Funktionalität zum Download bereit. Flot funktioniert mit Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ und Opera 9.5 und steht unter MIT-Lizenz kostenlos zur Verfügung. Neben der Dokumentation und Beispielen stehen einige Video-Tutorials auf Youtube für einen leichten Einstieg zur Verfügung.

Google Graphs

<a title=google_graphs_Diagramme" src="https://t3n.de/news/wp-content/uploads/2013/04/google_graphs_Diagramme-595x169.png" width="595" height="169" />

Anzeige
Anzeige

Google Graphs stellt für die Erstellung verschiedenster Graphen-Bibliotheken mit zahlreichen Diagramm-Typen und Schnittstellen zur Verfügung. Die Ausgabe erfolgt mit HTML5 und SVG und ist somit in allen modernen Browsern möglich. Google Graphs ist kostenlos und mit vielen Beispielen und lässt sich dank einer ausführlichen Dokumentation schnell in die Seite einbringen. Neben der Generierung von statischen und interaktiven Grafiken kann die Bibliothek außerdem dynamische Daten verarbeiten und die Ausgaben entsprechend anpassen.

JS Charts

jschart_diagramme

JS Charts ist eine auf JavaScript basierende Diagramm-Bibliothek, die mit sehr wenigen Eingaben zurechtkommt. Das Skript ermöglicht die Erstellung von Linien, Balken, Kreisdiagrammen und funktioniert mit einer Vielzahl von Browsern. Neben zweidimensionalen Grafiken ist eine perspektivische Ausgabe und Animationen möglich. JS Charts ist kostenfrei – mit Wasserzeichen – erhältlich.

Weiterführende Links

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
Kommentare (5)

Community-Richtlinien

Cadje

Hier habt Chart.js vergessen

add24

Flot ist mein Favorit!
Kann viel und ist leicht konfigurierbar.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Kommentar abgeben

Melde dich an, um Kommentare schreiben und mit anderen Leser:innen und unseren Autor:innen diskutieren zu können.

Anmelden und kommentieren

Du hast noch keinen t3n-Account? Hier registrieren

Anzeige
Anzeige