Awesome GitHub RepositoriesAnimated Flow Visualizations

Earth is an interactive web-based platform for visualizing global weather, ocean, and atmospheric data. It animates particle flows representing wind, ocean currents, and waves on a customizable map, and supports overlaying color-coded meteorological, oceanographic, chemical, and particulate data for detailed analysis. The platform distinguishes itself by offering multiple cartographic projections—including orthographic, equirectangular, and stereographic—that can be switched to view global patterns from different perspectives. It also provides keyboard-driven navigation, allowing map rotation

billboard.js is a JavaScript charting library built on D3.js that renders interactive data visualizations from a single declarative configuration object. It supports a wide range of chart types including bar, line, pie, scatter, area, spline, step, candlestick, funnel, gauge, heatmap, radar, polar, treemap, bubble, donut, and sparkline charts, and can overlay multiple chart types within a single visualization. The library offers an opt-in Canvas rendering mode for improved performance with large datasets and high-density axis displays, alongside its standard SVG-based rendering. The library d

ScrollableGraphView is a Swift data visualization library and iOS plotting framework used to render discrete numerical datasets as interactive graphs. It provides a scrollable user interface component that visualizes data points using a coordinate system with configurable layouts and styling. The framework is characterized by its adaptive graph scaling, which automatically adjusts the vertical axis to fit the visible data points as the user scrolls. It supports real-time data rendering, allowing graph views to update instantly as underlying datasets change through animated transitions. The l

AAChartKit ist eine deklarative Charting-Bibliothek und ein Datenvisualisierungs-Framework für iOS, iPadOS und macOS. Es fungiert als statistische Charting-Engine für verschiedene Diagrammtypen, einschließlich Linien-, Balken-, Blasen-, Box-Plot- und Polardiagrammen. Das Framework nutzt eine Core-Graphics-Vektor-Rendering-Engine, um visuelle Elemente mit präziser Pixelkontrolle zu zeichnen. Es bietet ein System für interaktive Datenvisualisierung mit integrierter Unterstützung für Animationen, Zoomen, Schwenken und Benutzerinteraktionsereignisse. Die Bibliothek deckt breite Funktionen für statistisches Plotten und benutzerdefiniertes Charting ab, einschließlich der Möglichkeit, komplexe Typen wie Fehlerbalken und Wasserfalldiagramme zu rendern. Sie unterstützt dynamische Datenanimation, Multi-Chart-Synchronisation und die Erstellung interaktiver Dashboards mit anpassbaren Tooltips und Wertebereichsmarkierungen.

FUXA ist ein webbasiertes SCADA-System und eine industrielle HMI-Software zur Überwachung und Steuerung von industrieller Hardware. Es fungiert als Gateway für Industrieprotokolle und als Data Historian, der die Aufnahme von Telemetriedaten von speicherprogrammierbaren Steuerungen (SPS) und Sensoren über Standard-Kommunikationsprotokolle ermöglicht. Das Projekt bietet eine flussbasierte Automatisierungs-Engine, mit der komplexe operative Logik in einer visuellen Node-and-Edge-Umgebung erstellt werden kann. Es nutzt SVG-basiertes Rendering für seine grafischen Oberflächen, sodass Benutzer eigene HMI-Widgets und Dashboards entwickeln können, die mit Echtzeit-Gerätetelemetrie synchronisiert werden. Das System deckt ein breites Spektrum an operativen Funktionen ab, darunter Alarmmanagement mit schwellenwertbasierten Alerts, Zeitreihen-Datenarchivierung in relationalen oder Zeitreihen-Datenbanken sowie die Ausführung benutzerdefinierter Logik über eine integrierte JavaScript-Engine. Es bietet zudem Tools für die Konfiguration der Datenerfassung, den Export und Import von Projektstatus sowie rollenbasierte Zugriffskontrolle für die administrative Sicherheit. FUXA kann als Full-Stack-Anwendung auf verschiedenen Betriebssystemen oder als Headless-Binary auf Embedded-Geräten bereitgestellt werden.

Dieses Projekt ist ein D3.js-Tool zur Datenvisualisierung und ein Generator für dynamische Balkendiagramme, der historische Ranking-Daten aus CSV-Dateien in animierte visuelle Zeitachsen umwandelt. Es fungiert als CSV-Ranking-Visualisierer und Zeitreihen-Ranking-Dashboard, um zu veranschaulichen, wie sich die Positionen verschiedener Entitäten über einen Zeitraum verändern. Das Tool bietet automatisierte Sortier- und Ranking-Trendanimationen, die statische historische Daten in dynamische Übergänge verwandeln. Es enthält anpassbare Achsenskalierungen, wie z. B. semi-logarithmische Skalen zur Handhabung extremer Abweichungen in der Datengröße, sowie dynamische Farbschemata, die Farben basierend auf Entitätsnamen oder Kategorietypen zuweisen. Das System deckt Zeitreihen-Datenanimation, die Anpassung der Diagrammästhetik für Elemente wie Balkenabrundungen und Label-Positionierung sowie den Import strukturierter Flat-Files zur Steuerung der Visualisierung ab.

Dies ist eine React-Animationsbibliothek, die eine Sammlung von Komponenten für die Erstellung choreografierter Bewegungen, komplexer Übergänge und SVG-Morphing bereitstellt. Sie fungiert als Spezifikation für Motion-Design und als Wrapper-System für UI-Komponentenanimationen, das verwendet wird, um 3D-Transformationen, Bezier-Kurven und Entry-Exit-Übergänge auf Schnittstellenelemente anzuwenden. Das Projekt enthält eine Suite für scrollbasierte Animationen zur Synchronisierung von UI-Bewegungen und Parallax-Effekten mit der Viewport-Position sowie ein SVG-Motion-Framework zum Animieren von Pfaden, zum inkrementellen Zeichnen von Linien und zum Interpolieren von Koordinaten für Shape-Morphing. Die Funktionen decken eine breite Palette visueller Bewegungen ab, einschließlich 3D-Effekten wie rotierenden Karussells, Datenvisualisierungsbewegungen für numerische Interpolation und interaktiven Landing-Page-Assemblies. Es verwaltet zudem komplexe Komponentenanimationen für Tabellen und Listen und bietet Tools zum Sequenzieren und Verketten von Animationen für mehrere Elemente.

maptalks.js ist eine JavaScript-Karten-Rendering-Bibliothek und ein Web-Karten-Interaktions-Framework zur Darstellung interaktiver 2D- und 3D-Geodaten auf einem Web-Canvas. Es fungiert als 3D-Geospatial-Engine mit Unterstützung für 3DTiles- und GLTF-Formate, als GeoJSON-Visualisierungstool und als Bibliothek für räumliche Analysen. Das Projekt zeichnet sich durch High-Performance-Rendering und dynamische Geodaten-Animation aus, einschließlich der Fähigkeit, Verkehrsflüsse zu simulieren und flüssige visuelle Übergänge für Kartenelemente auszuführen. Es bietet umfassende Tools für die interaktive Geometriebearbeitung, die es Benutzern ermöglichen, Vektorformen, Kreise und Bezier-Kurven direkt auf der Karte zu zeichnen und zu modifizieren. Die Bibliothek deckt ein breites Spektrum an Funktionen ab, einschließlich Geodatenanalyse zur Berechnung von Entfernungen und Flächen, Koordinatensystemkonvertierung und komplexem Layer-Management. Sie enthält eine umfangreiche UI-Suite mit Informationsfenstern, Kontextmenüs und benutzerdefinierten Karten-Kontrollpanels. Die Datenintegration erfolgt über GeoJSON-Workflows, das Abrufen entfernter Ressourcen und Serialisierungstools, die Kartenstatus und Geometrien in JSON exportieren.

Unovis is a modular SVG and Canvas data visualization library used to build interactive charts, maps, and network graphs. It provides a framework-agnostic set of primitives for creating data dashboards and specialized visualizations. The library is distinguished by its dedicated toolkits for different visualization domains, including an XY charting library for coordinated plots, a network graph framework for relational data, and a geospatial visualization toolkit for TopoJSON-based mapping. Its capability surface covers a wide range of data representations, including linear, area, and bar ch