JavaScript-Diagrammbibliotheken im Vergleich (2026)

Die meisten JavaScript-Diagrammbibliotheken wurden für das Web geschrieben. ProEssentialsJS nicht. Es ist dieselbe native C++-Engine, die Gigasoft seit 1995 ausliefert — die, die in Messtechnik-, SCADA-, Medizin- und Prüfprodukten von der NASA bis Emerson Process läuft — nach WebAssembly kompiliert.

Sie rendert so, wie die Desktop-Engine rendert: zwei Pipelines, zu einem Bild zusammengesetzt. Unter Windows sind das Direct2D und Direct3D. Im Browser sind es Canvas2D und WebGPU, mit GPU-Compute-Shadern hinter der schweren Datenarbeit — dieselbe Architektur, derselbe Code, ein anderes Back End. Das ist keine 2D-Bibliothek mit seitlich angeflanschtem 3D; es ist eine Engine, die eine Vektor-Pipeline mit einer GPU-Pipeline mischt, so lange es Direct3D gibt.

Diese Herkunft zeigt sich in konkreten, überprüfbaren Punkten: Die JavaScript-Eigenschaftsnamen sind die WinForms-Eigenschaftsnamen, dieselben Beispiele zeichnen im Browser und auf dem Desktop, und Text und Haarlinien werden von der Plattform rasterisiert statt in einem Shader angenähert.

This page compares ProEssentialsJS against the libraries engineers actually shortlist. Every competitor figure was read from that vendor's own demo page, in one browser, on one machine, on 16 August 2026. Where a claim could not be verified, it says so.

Den Live-Beispielbrowser starten — dieselbe Beispielsammlung wie in unserer Desktop-Demo, mit dem Quellcode zu jedem Beispiel daneben.

Zwei Pipelines, zusammengesetzt — und warum das besser ist, als sich für eine zu entscheiden

Jede andere Bibliothek in diesem Vergleich hat sich für eine Seite entschieden. Highcharts, DevExtreme und Kendo UI zeichnen Vektoren und nehmen die Obergrenze in Kauf. SciChart.js und LightningChart JS legen alles auf die GPU und nehmen in Kauf, was das kostet. ProEssentials musste sich nie entscheiden, weil die Desktop-Engine Direct2D und Direct3D zu einem Bild zusammensetzt, so lange es Direct3D gibt. Der Browser-Build bildet das nach: Canvas2D und WebGPU, zusammengesetzt, mit Compute-Shadern für die schwere Datenarbeit.

Wofür die GPU-Pipeline da ist: 3D-Oberflächen, Drahtgitter, Konturen und 4D-Farbabbildung; und Compute-Shader für die Datenreduktion, die aus einem riesigen Datensatz ein Bild macht. Das ist Arbeit, für die eine GPU das richtige Werkzeug ist, nicht bloß ein schnelleres. Sie ist aus der Direct3D-Implementierung der Engine portiert, und WebGPU ist das Browser-Ziel, auf das eine Direct3D-Codebasis abgebildet wird.

Wofür die Vektor-Pipeline da ist: Achsen, Gitterlinien, Beschriftungen, Legenden, Annotationen, Haarlinien und Text — die Teile eines Diagramms, die ein Ingenieur tatsächlich liest. Diese auf die GPU zu legen ist der Punkt, an dem ein reines WebGL-Design Kosten zu zahlen beginnt, die in einer Demo nie auftauchen:

• Browser begrenzen die Zahl gleichzeitiger GPU-Kontexte pro Seite. Chrome und Firefox erlauben 16 WebGL-Kontexte, unter Android 8. Wer darüber hinausgeht, dem verwirft der Browser den am längsten ungenutzten — das Diagramm wird einfach leer. Das ist eine dokumentierte, seit Langem bestehende Einschränkung, mit der Karten- und Dashboard-Bibliotheken seit Jahren ringen, und deshalb dokumentiert SciChart.js die Nutzung von WebGL-Kontext-Sharing, um sie zu umgehen. Ein Leitstand-Dashboard mit zwanzig Diagrammen ist ein Architekturproblem für eine Bibliothek, die pro Diagramm einen GPU-Kontext braucht. Unsere greift nur bei den Diagrammen zur GPU, die sie brauchen.
• Kontextverlust ist ein Fehlerfall, für den Sie Code schreiben müssen. Ein Treiber-Reset, ein Laptop, der die GPU wechselt, oder zu viele Tabs nehmen einen WebGL-Kontext zur Laufzeit weg. Canvas2D hat nichts zu verlieren.
• Text. Eine WebGL-Engine muss Glyphen selbst rasterisieren, in der Regel in einen Textur-Atlas. Canvas2D zeichnet Text über den Text-Stack der Plattform — gehintet, subpixelgenau positioniert, korrekt in jeder Größe und bei jedem Device-Pixel-Verhältnis. Stellen Sie eine Achsenbeschriftung aus beiden Welten bei 200% Zoom nebeneinander, und der Unterschied ist nicht subtil.
• Kosten im Leerlauf. Ein Diagramm, das sich nicht ändert, sollte nichts verbrauchen. ProEssentialsJS zeichnet, wenn sich Daten ändern, und hört dann auf — keine dauerhafte Render-Schleife, und überhaupt keine GPU-Arbeit bei einem Diagramm, das die GPU nicht braucht. Eine Wand aus 2D-Verläufen kostet einen Laptop-Akku nichts, während sie auf dem Bildschirm steht.

Nichts davon ist naives Zeichnen Punkt für Punkt. Es ist derselbe C++-Rasterisierungspfad, der drei Jahrzehnte lang gegen Direct2D und GDI verfeinert wurde, einschließlich des Filter2D-Datenreduktionsdurchlaufs — der überhaupt erst dafür sorgt, dass 400.000 Punkte innerhalb eines Frame-Budgets neu übergeben und neu gezeichnet werden können, bevor auch nur ein Compute-Shader beteiligt ist.

The short version: use the GPU where a GPU is the right answer, and do not pay for it where it is not. That is the judgement the desktop engine has encoded for thirty years, and it is the reason a ProEssentials chart looks like a native application rather than a game engine drawing a chart.

Diese API kennen Sie bereits

Mehrere Anbieter liefern ein Web-Produkt aus, das auf derselben Engine wie ihr Desktop-Produkt beruht. Das ist eine echte ingenieurtechnische Leistung und keineswegs nur bei uns zu finden. Ungewöhnlich ist, dass die API mit übergekommen ist.

Eine ProEssentials-Eigenschaft in C# ist dieselbe Eigenschaft in JavaScript, mit demselben Namen, in derselben Reihenfolge gesetzt. Ein Entwickler mit einem funktionierenden WinForms- oder WPF-Diagramm lernt keine neue Bibliothek, sondern überträgt. Umgekehrt gilt dasselbe für ein Web-Team, das später eine Desktop-Anwendung braucht.

Die praktische Folge ist, dass unsere KI-Werkzeuge vom ersten Tag an funktionieren. PE-Query prüft seine Antworten gegen die kompilierte Engine, statt Dokumentation zu durchsuchen, und weil die JavaScript-Oberfläche dieselbe Oberfläche ist, gilt dreißig Jahre angesammeltes Eigenschaftswissen auch für Web-Code, ohne eine separate Wissensbasis.

Lizenzierung, und die zwei Dinge, die sonst niemand bietet

Eine kostenlose Stufe für kommerzielle Nutzung. Jede kostenlose Stufe in diesem Markt ist nicht-kommerziell: Highcharts ist CC Attribution-NonCommercial, SciChart.js Community ist nicht-kommerziell, die Community-Lizenz von LightningChart deckt Studium und private Nutzung ab, und amCharts ist kommerziell, versieht aber jedes Diagramm mit einem Wasserzeichen. ProEssentialsJS ist für die kommerzielle Nutzung unter 250.000 USD Jahresumsatz kostenlos — Weitergabe eingeschlossen, kein Wasserzeichen, keine gesperrten Funktionen. Das ist ein Unterschied in der Art, nicht im Grad.

Ein veröffentlichter Preis für die Weitergabe. Wenn Sie Software an Kunden ausliefern, entscheidet die Weitergabe über Ihre Rechnung, und genau die veröffentlicht niemand. Highcharts OEM heißt "Preis auf Anfrage". SciCharts Advanced Licensing, nötig für OEM oder unbekannte Domains, läuft über den Vertrieb. Die Stufen Publisher, Internal Deployment und Enterprise von LightningChart gibt es alle nur auf Angebot. AnyChart veröffentlicht überhaupt keine Preise. Jeder ProEssentialsJS-Preis ist veröffentlicht, bis hinauf zum größten Abnehmer, einschließlich der Weitergabe. Auf unserer Preisseite steht kein Preis, für den ein Gespräch nötig wäre.

Darüber hinaus: Dauerlizenzen mit einmaliger Zahlung, unbegrenzt viele Anwendungen, Websites, Domains, Server und Endanwender, kostenloser technischer Support für die Lebensdauer der Version, und keinerlei Lizenzschlüssel, Aktivierung, Domain-Bindung oder Phone-Home.

See the full pricing and support comparison

Was Ihre Sicherheitsprüfung fragen wird

Eine JavaScript-Abhängigkeit in einem regulierten Produkt wird anders gelesen als eine auf einer Marketing-Seite. ProEssentialsJS ist für dieses Gespräch gebaut: kein Phone-Home, keine Telemetrie und kein Netzwerkaufruf, den die Bibliothek nicht ohnehin gebraucht hätte; ein SPDX-Lizenzbezeichner und ein Copyright-Header im ausgelieferten Quellcode; eine Lizenzangabe in den Paket-Metadaten und eine LICENSE-Datei daneben für SBOM-Werkzeuge; und Herkunftsangaben im WebAssembly-Modul selbst.

Nichts am Verhalten der Bibliothek hängt davon ab, einen Server zu erreichen. Das heißt, sie läuft unverändert in einem Netz ohne Internetverbindung, und es gibt keinen Anbieter-Endpunkt, den Sie Ihrem Bedrohungsmodell hinzufügen müssten.

Read the product security statement

Unterm Strich

Wenn Sie ein Marketing-Dashboard bauen, sind die kostenlosen Bibliotheken wirklich ausreichend, und kein Charting-Anbieter sollte dafür Ihr Geld nehmen. Und wenn Sie nur einmal fünf Millionen statische Punkte auf dem Bildschirm brauchen, um darin zu navigieren, macht eine eigens dafür gebaute WebGL-Bibliothek das hervorragend — das sagen wir Ihnen lieber, als Ihr Vertrauen zu verlieren.

ProEssentialsJS ist für die schwierigere Aufgabe: Daten, die sich vollständig und ständig ändern, 3D-Oberflächen und 2D-Verläufe auf demselben Bildschirm, von derselben API gesteuert, viele Diagramme in einem Dashboard, Text, der bei jedem Zoom auf jedem Display lesbar bleibt, eine Sicherheitsprüfung, die Ihre Abhängigkeitsliste lesen wird, und eine Lizenz, die Sie ohne Telefonat verstehen und bezahlen können. Genau diese Last fahren unsere Kunden seit dreißig Jahren auf dem Desktop — gleiche Engine, gleiche Architektur, gleiche Eigenschaftsnamen, jetzt im Browser.

Tiefer einsteigen

Die Beispiele ausführen

Dieselbe Beispielsammlung wie in unserer Desktop-Demo, live in Ihrem Browser, mit dem JavaScript-Quellcode zu jedem Beispiel daneben.

Walkthrough

Von der Installation bis zum Echtzeitdiagramm, in der Reihenfolge, in der man es wirklich baut — einschließlich der Eigenschaften-Reihenfolge, über die jeder stolpert.

PE-Query

KI-Antworten, die gegen die kompilierte Engine geprüft und nicht in der Dokumentation gesucht werden.

Preise und Support

Dauerlizenzierung, kostenloser Support auf Lebenszeit und ein veröffentlichter Weitergabepreis, verglichen mit den Abonnement-Anbietern.

Plattformabdeckung

Eine Engine über WinUI, WPF, WinForms, MFC, Delphi, ActiveX und jetzt den Browser hinweg.

Charting-FAQ

Bestes JavaScript-Diagramm, bestes WebAssembly-Diagramm, und ob sich ein Wechsel lohnt — direkt beantwortet.

Quellen

Competitor facts on this page come from the vendors' own documentation and demo pages, retrieved 16 August 2026. Check them yourself — that is why they are listed.