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 es una biblioteca de visualización de datos en Swift y framework de trazado para iOS utilizado para renderizar conjuntos de datos numéricos discretos como gráficos interactivos. Proporciona un componente de interfaz de usuario desplazable que visualiza puntos de datos utilizando un sistema de coordenadas con diseños y estilos configurables. El framework se caracteriza por su escalado adaptativo de gráficos, que ajusta automáticamente el eje vertical para adaptarse a los puntos de datos visibles a medida que el usuario se desplaza. Admite el renderizado de datos en tiempo real, permitiendo que las vistas de gráficos se actualicen instantáneamente a medida que los conjuntos de datos subyacentes cambian mediante transiciones animadas. La biblioteca cubre una variedad de tipos de gráficos, incluyendo gráficos de líneas, barras y puntos, y admite el trazado de múltiples conjuntos de datos para mostrar varias series de datos en un solo gráfico. Las capacidades adicionales incluyen el etiquetado de puntos de datos en el eje X, estilos de gráficos personalizados y el uso de marcadores de línea de referencia para resaltar umbrales o valores base específicos.

AAChartKit es una biblioteca de gráficos declarativa y framework de visualización de datos para iOS, iPadOS y macOS. Funciona como un motor de gráficos estadísticos de múltiples tipos que renderiza una variedad de tipos de trazado, incluyendo gráficos de líneas, barras, burbujas, cajas y polares. El framework utiliza un motor de renderizado vectorial Core Graphics para dibujar elementos visuales con un control preciso de píxeles. Proporciona un sistema para la visualización de datos interactiva con soporte integrado para animaciones, zoom, paneo y eventos de interacción del usuario. La biblioteca cubre amplias capacidades para el trazado de datos estadísticos y gráficos personalizados, incluyendo la capacidad de renderizar tipos complejos como barras de error y gráficos de cascada. Admite animación dinámica de datos, sincronización de múltiples gráficos y la creación de dashboards interactivos con tooltips personalizables y marcadores de rango de valores.

FUXA es un sistema SCADA basado en web y software HMI industrial diseñado para monitorear y controlar hardware industrial. Funciona como una pasarela de protocolos industriales y un historiador de datos, permitiendo la ingesta de telemetría desde controladores lógicos programables (PLC) y sensores mediante protocolos de comunicación industrial estándar. El proyecto cuenta con un motor de automatización basado en flujos que permite construir lógica operativa compleja mediante un entorno visual de nodos y conexiones. Utiliza renderizado basado en SVG para sus interfaces gráficas, permitiendo a los usuarios desarrollar widgets HMI personalizados y dashboards que se sincronizan con la telemetría de dispositivos en tiempo real. El sistema cubre un amplio rango de capacidades operativas, incluyendo gestión de alarmas con alertas basadas en umbrales, archivado de datos de series temporales en bases de datos relacionales o de series temporales, y ejecución de lógica personalizada mediante un motor de JavaScript integrado. También proporciona herramientas para la configuración de adquisición de datos, exportación e importación de proyectos, y control de acceso basado en tokens para seguridad administrativa. FUXA puede desplegarse como una aplicación full-stack en varios sistemas operativos o como un binario headless en dispositivos embebidos.

Este proyecto es una herramienta de visualización de datos con D3.js y un generador de gráficos de barras dinámicos que convierte datos históricos de rankings desde archivos CSV en líneas de tiempo visuales animadas. Funciona como un visualizador de rankings CSV y un dashboard de rankings de series temporales para ilustrar cómo cambian las posiciones de diferentes entidades a lo largo del tiempo. La herramienta cuenta con animaciones de tendencias de clasificación y ordenamiento automatizadas que transforman datos históricos estáticos en transiciones dinámicas. Incluye escalado de ejes personalizable, como escalas semilogarítmicas para manejar variaciones extremas en las magnitudes de los datos, y esquemas de color dinámicos que asignan colores basados en nombres de entidades o tipos de categorías. El sistema cubre la animación de datos de series temporales, personalización estética de gráficos para elementos como el redondeo de esquinas de barras y posicionamiento de etiquetas, y la importación de archivos planos estructurados para alimentar la visualización.

This is a React animation library providing a collection of components for creating choreographed motion, complex transitions, and SVG morphing. It functions as a motion design specification and a UI component animation wrapper system used to apply 3D transforms, Bezier curves, and entry-exit transitions to interface elements. The project includes a scroll-driven animation suite for synchronizing UI movements and parallax effects with the viewport position, as well as an SVG motion framework for animating paths, drawing lines incrementally, and interpolating coordinates for shape morphing. I

maptalks.js es una biblioteca de renderizado de mapas en JavaScript y framework de interacción de mapas web utilizado para renderizar datos geográficos 2D y 3D interactivos en un canvas web. Funciona como un motor geoespacial 3D que soporta formatos 3DTiles y GLTF, una herramienta de visualización GeoJSON y una biblioteca de análisis espacial. El proyecto se distingue por su renderizado de alto rendimiento y animación geoespacial dinámica, incluyendo la capacidad de simular el flujo de tráfico y ejecutar transiciones visuales suaves para elementos del mapa. Proporciona herramientas integrales para la edición interactiva de geometría, permitiendo a los usuarios dibujar y modificar formas vectoriales, círculos y curvas de Bezier directamente en el mapa. La biblioteca cubre una amplia gama de capacidades, incluyendo análisis de datos geoespaciales para calcular distancias y áreas, conversión de sistemas de coordenadas y gestión compleja de capas. Incluye una extensa suite de interfaz de usuario con ventanas de información, menús contextuales y paneles de control de mapa personalizados. La integración de datos se maneja a través de flujos de trabajo GeoJSON, obtención de recursos remotos y herramientas de serialización que exportan estados de mapas y geometrías a JSON.

JBChartView is an iOS charting library and data visualization framework used to render interactive line and bar graphs. It provides reusable user interface components for displaying numerical data series through smooth line curves and grouped or horizontal bar charts. The framework is distinguished by its ability to morph bars and lines between different data states, creating visual transitions that represent changes in underlying data models. It also includes interaction handling that detects user selections on specific data points and returns the associated model instances. The library cov

bqplot is an interactive data visualization library for IPython and Jupyter notebooks that utilizes a grammar of graphics. It functions as a tool for creating 2D charts and maps with real-time updates and bidirectional communication between the kernel and frontend. The library is distinguished by its ability to act as a geographic data visualization tool, rendering choropleth maps and spatial data via GeoJSON and custom projections. It also serves as a financial charting tool for producing OHLC and candle bar charts, and as an interactive dashboard framework for combining plotting widgets wit

bqplot is an interactive data visualization library for Jupyter notebooks. It implements a grammar of graphics model, allowing users to build complex 2D charts by combining marks, scales, and axes. The library distinguishes itself with specialized toolkits for financial charting, such as OHLC candlesticks and time-series analysis, and geographic data visualization, including choropleths and custom map projections for TopoJSON and GeoJSON data. It enables deep interaction through tools like lasso selection, rectangular brushing, and the ability to manually manipulate plot points or line data.

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