7 dépôts
Components that facilitate user interaction with data through tooltips, hover effects, and coordinate-based exploration.
Distinguishing note: Specifically targets data-driven interaction patterns rather than generic UI event handling.
Explore 7 awesome GitHub repositories matching user interface & experience · Interactive Data Interfaces. Refine with filters or upvote what's useful.
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
Implementing charts that respond to user input through tooltips, hover states, and precise coordinate mapping for detailed data analysis.
This project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf
Triggers custom logic in response to user interactions with rendered data elements.
GulfOfMexico is a framework for building interactive, node-based visual programming environments within web browsers. It provides the necessary components to construct directed graph editors where users define application logic and data processing pipelines by connecting visual nodes on a coordinate-based canvas. The library enables the creation of drag-and-drop interfaces that synchronize visual representations with underlying functional data flows. By mapping input and output ports to specific behaviors, developers can build environments that allow for the construction of complex workflows
Provides a visual interface component for creating directed graphs that represent application logic and data pipelines.
vxe-table is a high-performance data table component and UI library for Vue, designed for building data-heavy applications. It functions as a virtualized data grid and spreadsheet UI framework capable of rendering millions of rows by mounting only the visible elements of a dataset. The project distinguishes itself through spreadsheet-like functionality, including cell selection, copy-paste support, and the generation of cross-tabulated pivot tables. It also provides specialized tools for managing complex data hierarchies using virtual trees, row grouping, and cell merging. The library covers
Facilitates data interaction through keyboard navigation, checkboxes, and expandable row views.
SlickGrid is a high-performance JavaScript data grid and virtualized data table designed to render large datasets in the browser. It functions as a web spreadsheet component and tabular data manager, utilizing virtual scrolling to maintain responsiveness when displaying hundreds of thousands of entries. The library employs a canvas-based UI system to draw grid lines and elements, reducing the total number of DOM nodes. It separates raw data from visual presentation through column-based mapping and uses a formatter pipeline to transform data values into HTML strings. Capabilities include row
Facilitates user interaction with data through customizable column resizing, reordering, and visibility toggles.
Ce projet est un modèle de tableau de bord administratif complet construit sur Bootstrap 5. Il fournit une bibliothèque modulaire de composants d'interface pré-conçus, de mises en page et d'éléments de formulaire destinés à accélérer la construction d'applications web réactives. Le framework est conçu pour être léger, utilisant le scripting natif du navigateur pour tous les comportements interactifs afin d'éliminer les dépendances aux bibliothèques externes lourdes. Le modèle se distingue par un accent sur la performance et la personnalisation. Il inclut un pipeline d'assets basé sur un exécuteur de tâches qui automatise la compilation, la minification et le packaging des fichiers sources, garantissant des assets optimisés prêts pour la production. Les développeurs peuvent maintenir une image de marque et une identité visuelle cohérentes en modifiant des fichiers de configuration centralisés, qui tirent parti des variables de préprocesseur et des mixins pour générer des classes utilitaires et des feuilles de style personnalisées. Au-delà de ses composants UI de base, le projet inclut une suite de modules fonctionnels pour gérer l'authentification des utilisateurs, y compris les workflows d'inscription, de connexion et de récupération de mot de passe. Il fournit également des outils intégrés pour la visualisation de données, la gestion de données tabulaires et la planification interactive, ainsi que des modèles pré-construits pour les pages d'application courantes telles que les écrans d'erreur et la gestion de profil. Le dépôt fournit à la fois des fichiers sources non minifiés et des bundles de production optimisés, permettant un déploiement direct sans nécessiter d'environnements d'exécution côté serveur complexes.
Constructs interactive web application views using modular components that integrate with backend services.
This project is a cross-platform mobile graphing library designed for rendering high-performance animated line charts and data visualizations. It functions as a canvas-based data visualization system and interactive charting component for mobile applications. The library focuses on animated data visualization, using interpolation to create smooth visual transitions between different data sets. It utilizes a GPU-accelerated graphics engine to maintain high frame rates and fluid transitions during data updates. The capability surface includes interaction systems for tracking pan gestures and d
Facilitates user interaction with data through pan gesture tracking and coordinate-based point detection.