Awesome GitHub RepositoriesVirtualized Rendering

jsoneditor is a web-based JSON editor component designed for viewing, editing, and formatting structured data. It provides a user interface for managing JSON through multiple rendering modes, including tree, form, and code views. The project is distinguished by its ability to process and visualize exceptionally large datasets, utilizing virtualized memory management to handle JSON files up to 500 MiB without crashing the browser. It also includes a specialized syntax repair tool to convert malformed text into valid JSON and a data transformer for filtering, sorting, and reshaping documents vi

Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay

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

react-data-grid is a high-performance table component for React designed to render large datasets using virtualization. It functions as a virtualizing data table that optimizes memory and performance by rendering only the rows and columns currently visible on the screen. The project provides a customizable spreadsheet interface featuring cell editing, column resizing, and pinned rows. It also acts as a hierarchical data grid, supporting row grouping and tree structures to organize complex nested information. The grid covers wide-ranging data management and display capabilities, including mul

Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure

This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

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

X6 is a JavaScript diagramming library and SVG graph rendering engine used to build interactive flowcharts, mind maps, and visual workflow editors. It provides a framework for defining customizable node and edge behaviors, utilizing a hybrid rendering approach that combines SVG and HTML. The library decouples the visual graph representation from underlying business logic and data structures through a dedicated state management system. It allows for extensive extensibility via a registration mechanism for custom nodes, edges, and canvas tools. The toolkit includes capabilities for automatic g

Tablecn is a React-based data table component that combines server-side data processing with real-time collaboration features. It provides a structured approach to building interactive tables using reusable components and a declarative column configuration system that automatically generates filter interfaces. The project distinguishes itself through its contextual action bar pattern, which surfaces batch operations only when rows are selected, keeping the main interface uncluttered. It supports virtualized row rendering for performance with large datasets, and uses WebSocket connections to s

MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

jless est un explorateur JSON interactif et une visionneuse en ligne de commande conçue pour lire et naviguer dans des structures de données hiérarchiques au sein d'un terminal. Il fonctionne comme un formateur JSON de terminal qui affiche joliment les données provenant de fichiers ou de l'entrée standard, avec un support pour les formats délimités par des retours à la ligne. L'outil sert d'extracteur de chemin JSON, permettant aux utilisateurs d'identifier et de copier les chemins en notation pointée ou entre crochets depuis la racine jusqu'à des nœuds spécifiques. Il inclut également un utilitaire de recherche par regex pour localiser des clés et des valeurs spécifiques dans des jeux de données JSON en utilisant des expressions régulières plein texte. L'application offre des capacités de navigation hiérarchique, permettant aux utilisateurs de développer et réduire les objets et tableaux. Elle propose la coloration syntaxique, la numérotation de lignes configurable et la possibilité d'extraire directement les valeurs ou clés de nœuds ciblés vers le presse-papier système.

Cette bibliothèque est un composant React conçu pour le rendu de grilles de données haute performance. Elle fournit un framework structuré pour afficher de grands jeux de données en utilisant la virtualisation des lignes basée sur la fenêtre, ce qui garantit que seule la portion visible des données est rendue dans le modèle objet du document (DOM). Le composant se distingue par des capacités avancées de mise en page et de navigation, incluant la prise en charge native des en-têtes et colonnes fixes qui restent ancrés pendant le défilement. Les développeurs peuvent exercer un contrôle impératif sur la fenêtre d'affichage de la table pour naviguer vers des indices ou des décalages de pixels spécifiques, tout en gérant des états de grille complexes tels que la visibilité des colonnes, le tri et l'expansion des lignes via une configuration centralisée. La bibliothèque prend en charge un large éventail de fonctionnalités interactives, incluant le rendu de cellules personnalisé, l'épinglage de colonnes et la possibilité d'ajouter des lignes de résumé pour les données agrégées. Elle gère les jeux d'informations denses en offrant un alignement de colonne flexible, un contrôle de largeur et une troncature de texte, permettant la création de tables interactives qui répondent aux événements utilisateur comme les clics et les survol de souris.