18 dépôts
Tools and configurations for defining motion, duration, and easing in data visualizations while respecting accessibility preferences.
Distinguishing note: Focuses specifically on the intersection of data visualization motion and accessibility, distinct from general UI animation libraries.
Explore 18 awesome GitHub repositories matching user interface & experience · Chart Animations. Refine with filters or upvote what's useful.
Charts is a mobile data visualization library designed for rendering interactive graphical representations of complex datasets. It provides a declarative configuration interface that maps data structures to visual components, supporting a variety of chart types including line, bar, pie, scatter, and radar plots. The library distinguishes itself through a hardware-accelerated drawing layer that ensures high-performance rendering across mobile platforms. It features a gesture-driven transformation engine that enables users to pan, zoom, and scale views, alongside an interpolated animation syste
Animates chart elements during data updates to provide clear visual feedback.
This project is a declarative data visualization library that provides a composable suite of user interface components for rendering interactive charts. It functions as an SVG-based charting engine, allowing developers to construct complex visualizations by nesting modular building blocks such as axes, grids, legends, and data series within a unified layout. The library distinguishes itself through a highly responsive architecture that automatically reconciles layout changes and maps data domains to pixel coordinates using mathematical scale functions. It prioritizes performance through memoi
Provides configurable chart motion and easing functions that automatically respect system-level reduced motion accessibility settings.
Motion Canvas is a TypeScript-based framework for creating programmatic animations and motion graphics. It functions as a code-based animation tool that allows developers to define visual transitions, element properties, and timing through scripts rather than traditional timeline-based interfaces. The library renders frame-accurate motion graphics directly in the browser using web technologies. The project utilizes a virtual scene graph to manage visual objects and their transformations, which are then rendered to an HTML5 canvas. It employs generator functions to sequence animations and reac
Transforms static datasets into dynamic visual stories by animating charts and graphs.
ApexCharts is a comprehensive JavaScript charting library designed for building interactive, responsive, and data-driven visualizations within web applications. It functions as a versatile data visualization framework that supports a wide range of chart types, including categorical, statistical, and financial plots, enabling developers to construct complex dashboards and real-time monitoring interfaces. The library distinguishes itself through a deep commitment to accessibility and high-performance interactivity. It provides built-in support for keyboard navigation, screen readers, and high-c
Applies smooth motion effects to chart updates while respecting system-level accessibility preferences.
react-vis is a declarative, component-based React data visualization library. It provides a framework of reusable building blocks for rendering interactive charts and graphs by mapping raw data to visual attributes such as position, color, and size. The system leverages D3 for its scaling and layout logic. The library is distinguished by its ability to handle complex data relationships, including hierarchical data via tree maps and circle packing, as well as multidimensional analysis using parallel axes and radar charts. It also supports network flow mapping to illustrate the volume and direc
Provides tools for defining motion, duration, and easing to create fluid transitions between data states in visualizations.
Hellocharts-android is a data visualization library and charting framework for Android applications. It provides a collection of custom view components used to render datasets as visual elements, such as line, column, and pie charts. The library supports interactive visualizations that allow users to navigate data through touch gestures, including pinching, scrolling, and panning. It also includes built-in capabilities for animating data points and chart elements to create smooth visual transitions during dataset updates. The framework covers a broad range of visualization needs, including c
Provides motion, duration, and easing configurations to animate transitions between different data states.
fl_chart is a data visualization library and UI component framework for Flutter. It provides a system of reusable graphical widgets for creating interactive, customizable quantitative data visualizations. The framework supports a variety of chart types, including line, bar, pie, donut, scatter, radar, and candlestick views. It allows for the creation of complex visualizations such as layered data segments and financial charts. The library includes capabilities for interactivity and visual refinement, such as touch event handling, data tooltips, and state animations. It also provides tools fo
Provides smooth, configurable motion transitions between different data states in visualizations.
React Move is a declarative animation library for React that animates components by interpolating between start and end states with configurable timing and easing. It provides data-driven transitions for single elements, groups, lists, and SVG elements, supporting staggered timing, custom interpolation for non-numeric values like colors and paths, and drag-and-drop reordering of list items. The library distinguishes itself through its support for custom interpolation functions that replace default numeric interpolation, keyed array reconciliation for tracking items as they enter, update, or l
Animates SVG chart components such as bars, lines, and axes with configurable timing and easing.
charts.css is a CSS-driven framework designed to transform semantic HTML into accessible data visualizations without relying on JavaScript. It functions as a charting library that uses standard HTML structures, such as tables and lists, to render graphs while maintaining full compatibility with screen readers. The project distinguishes itself by using CSS variables to map numeric data to visual dimensions and utility classes to control chart types and layouts. It supports a wide range of visual styles, including 3D effects, reflection effects, and customized color palettes integrated via a br
Applies CSS animations to bars and labels to create dynamic motion effects.
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
Animates chart elements during updates or interactions using smooth transitions and hover effects.
Flot is an interactive charting library for jQuery that renders line, bar, pie, and time-series plots with zooming and panning. It provides interactive plots for engineering and scientific data with customizable axes, scales, and series styles, and supports real-time data updates. The library is built as a jQuery plugin with a canvas-based rendering pipeline and a plugin extension system that allows third-party code to add new chart types, interactions, and data transformations. The library distinguishes itself through a broad range of specialized chart types, including candlestick, bubble, r
Animates chart rendering on load or horizontally and adds navigator mini-maps for data exploration.
The official rendering library for PAG (Portable Animated Graphics) files that renders After Effects animations natively across multiple platforms.
Loads and renders PAG animation files in real time across multiple platforms and devices.
AAChartKit est une bibliothèque de graphiques déclarative et un framework de visualisation de données pour iOS, iPadOS et macOS. Il fonctionne comme un moteur de graphiques statistiques multi-types qui rend une variété de types de tracés, incluant les graphiques en courbes, en barres, en bulles, en boîtes à moustaches et polaires. Le framework utilise un moteur de rendu vectoriel Core Graphics pour dessiner des éléments visuels avec un contrôle précis au pixel près. Il fournit un système pour la visualisation interactive de données avec un support intégré pour les animations, le zoom, le panoramique et les événements d'interaction utilisateur. La bibliothèque couvre de larges capacités pour le tracé de données statistiques et les graphiques personnalisés, incluant la capacité de rendre des types complexes comme les barres d'erreur et les graphiques en cascade. Elle prend en charge l'animation dynamique des données, la synchronisation multi-graphiques et la création de tableaux de bord interactifs avec des infobulles personnalisables et des marqueurs de plage de valeurs.
Applies smooth transitions and preset animation types to the rendering of data visualizations.
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
Develops visual transitions between data states to demonstrate how values change over time or categories.
Bar chart race is a Python data visualization library that transforms ordered tabular time-series data into animated bar and line chart races. It operates as an extension for rendering dynamic charts that illustrate how rankings and values change over time. The library interpolates wide-format chronological tables into densely sampled frame sequences, calculating intermediate numeric values to produce fluid motion animations. It orchestrates iterative canvas redraws through a plotting backend while supporting external multimedia encoders to export compressed standard video files. Generated a
Transforms ordered tabular data into smooth visual race animations with customizable appearance and layouts.
React Native Gifted Charts is a mobile-first data visualization framework designed for building interactive and animated graphical representations within React Native applications. It functions as a declarative component library that enables developers to render complex datasets through a variety of visual formats, including bar, line, area, pie, and scatter plots. The library distinguishes itself through a native-driven rendering engine that utilizes vector graphics primitives to draw shapes and paths directly on the screen. It supports sophisticated visual configurations such as gradients,
Provides smooth visual transitions for chart elements during initial load or data updates.
Ce projet fournit une collection de composants d'interface utilisateur réutilisables pour rendre des graphiques interactifs pilotés par les données au sein d'applications web. Il fonctionne comme un pont entre l'architecture basée sur les composants du framework et les bibliothèques graphiques de bas niveau, permettant aux développeurs d'encapsuler une logique de visualisation complexe dans des éléments standards. La bibliothèque se distingue en intégrant la liaison de données réactive et la gestion du cycle de vie directement dans le processus de création de graphiques. Cela garantit que les représentations visuelles, telles que les graphiques à barres, linéaires et circulaires, se synchronisent automatiquement avec les modèles de données sous-jacents et ajustent leurs dimensions en réponse aux changements dans le conteneur parent. Le framework prend en charge un large éventail de capacités interactives, y compris les transitions d'état animées, les entrées utilisateur déléguées par événement et les superpositions d'informations contextuelles. Les utilisateurs peuvent en outre adapter la sortie visuelle grâce à des options de configuration étendues pour les légendes, les étiquettes d'axe, les palettes de couleurs et la présentation des info-bulles.
Applies smooth visual movements to chart elements during data updates or type changes.
React Native Animated Charts is a user interface component library for building interactive line graphs and data visualizations within mobile applications. It functions as a cross-platform component for rendering scalable vector graphics chart paths, touch-following indicators, and dynamic axis labels on iOS and Android devices. The library incorporates data processing capabilities to prepare raw datasets for display. It handles cubic spline data smoothing to transform coordinate sets into continuous curves, alongside downsampling algorithms to reduce point density while retaining critical e
Animate linear chart transitions smoothly between different datasets using configurable smoothing strategies and data interpolation.