Awesome GitHub RepositoriesSVG

roughViz is a JavaScript data visualization library used to create charts with a hand-drawn, sketchy aesthetic. It functions as an SVG charting framework that renders visualizations in the browser, prioritizing the communication of general trends and patterns over absolute precision. The library provides a collection of tools to generate several chart types, including bar, line, pie, donut, and scatter plots, as well as stacked bar charts. These visualizations are produced using a non-linear drawing style to present technical information in an informal, organic appearance.

Rickshaw is a JavaScript library for building interactive, SVG-based time series charts in the browser. It provides a framework for rendering line, area, bar, and scatterplot visualizations from data series, with built-in support for axes, legends, color palettes, and interactive controls. The library distinguishes itself through a plugin-based architecture that allows renderers to be swapped at runtime, such as switching between stacked area and line chart views while preserving chart state. It includes an event-driven interaction layer for hover details, click behaviors, and drag-based rang

ngx-charts is an Angular charting library and SVG data visualization framework. It provides a set of declarative UI components for rendering animated and interactive charts and graphs within Angular applications. The library allows for the assembly of specialized visualizations by combining low-level internal charting components. It supports the creation of custom charts through the use of mathematical scales, shape generators, and CSS styling overrides. The framework covers a wide range of visualization types, including comparison charts such as bar and line graphs, distribution visualizati

Peity ist eine leichtgewichtige SVG-Datenvisualisierungsbibliothek, die numerische Textinhalte und HTML-Attribute in kleine Torten-, Donut-, Balken- und Liniendiagramme umwandelt. Sie fungiert als attributgesteuerter Renderer und Tool zur progressiven Verbesserung, das Webseiten Vektorgrafiken hinzufügt, indem Daten direkt aus dem DOM gelesen werden, ohne dass schwere JavaScript-Frameworks erforderlich sind. Die Bibliothek unterstützt benutzerdefinierte Zeichenfunktionen und dynamische Farbzuweisungen, was die Registrierung neuer Diagrammtypen und die Verwendung benutzerdefinierter Funktionen zur Bestimmung von Segmentfarben ermöglicht. Ihr Funktionsumfang deckt das Rendern von Mini-Datendiagrammen ab, wie z. B. Sparklines und Fortschrittsringe für Dashboard-Metriken. Sie beinhaltet die Fähigkeit, Visualisierungen automatisch neu zu zeichnen, wenn sich der zugrunde liegende Elementtext ändert, und ermöglicht die individuelle Diagrammkonfiguration über HTML-Datenattribute.