Projects sharing features with Canvas Datagrid

Handsontable is a JavaScript data grid that provides a spreadsheet-like interface for managing and editing large datasets within web applications. It functions as a virtualized data table that renders only visible cells to maintain performance, paired with a synchronization layer that binds the grid to underlying data structures. The project distinguishes itself through a built-in spreadsheet calculation engine for evaluating mathematical and logical expressions and a dedicated tool for exporting grid content into Excel XLSX files. It ensures interoperability with external spreadsheet softwar

Perspective is a columnar data analytics engine and high-performance visualization component powered by WebAssembly. It provides a system for analyzing and visualizing large or streaming datasets through interactive data grids and charts, utilizing a compiled binary to achieve near-native performance within the browser. The project distinguishes itself through a WebSocket-based data streaming interface and deep Apache Arrow integration, which minimize memory overhead when synchronizing tables between servers and clients. It acts as a remote query proxy capable of translating visualization con

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

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

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

This library provides a React component for rendering interactive hierarchical data structures. It is designed to visualize nested information through recursive composition, allowing users to navigate deep data hierarchies by expanding and collapsing branches. The component distinguishes itself by integrating drag-and-drop functionality, enabling users to reorganize nodes directly within the interface. It also supports asynchronous data loading, which fetches child branches on demand to manage remote or deep datasets efficiently. The library includes performance optimizations for large datas

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

This project is a data grid library designed for building complex, interactive tables within React applications. It provides a suite of modular components that enable the display of structured information, supporting both custom cell rendering and flexible column configurations to accommodate diverse data presentation needs. The library is built to handle large datasets by utilizing virtualized rendering, which ensures high performance by only processing the subset of rows currently visible within the viewport. It distinguishes itself through support for dynamic row heights and programmatic s

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

This project is a high-performance data grid component designed for React applications. It provides a declarative framework for rendering large-scale datasets and complex tabular structures by utilizing a canvas-based drawing engine instead of traditional document object model nodes. The library distinguishes itself through a windowed virtualization engine that maintains constant memory usage by rendering only the visible portion of the grid. It translates pointer interactions into specific cell references through coordinate-based mapping and supports the injection of external application sta

Ember Table is a component library designed for rendering high-performance data grids and virtualized lists within Ember applications. It provides the UI primitives necessary to display hundreds of thousands of records smoothly by recycling DOM nodes and rendering only the items visible in the viewport. The library includes advanced layout management tools that support live column resizing, reordering, scaling, and structural region pinning to lock headers, footers, and specific columns in place during scrolling. It also features hierarchical row flattening, transforming nested tree structur

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

Tui Grid is a JavaScript data grid component designed for rendering, editing, and organizing structured tabular information and hierarchical tree views within web applications. It provides inline data editing, validation rules, spreadsheet-style keyboard navigation, and virtualized rendering to handle extensive datasets efficiently. The library distinguishes itself through structural capabilities including command-based keyboard shortcuts for range selection and clipboard synchronization, a declarative cell renderer architecture, and virtual column pinning. It supports asynchronous remote dat

Positron is a data science integrated development environment and AI-powered code editor designed for polyglot development, specifically supporting Python and R. It functions as a remote compute workspace that separates the user interface from the execution kernel via SSH or container integration. The environment features a deep integration of large language models that provide context-aware suggestions and automated data analysis by accessing real-time interpreter state, in-memory objects, and plot outputs. It distinguishes itself through a polyglot runtime bridge that enables cross-language

ui-grid is an enterprise data grid component for Angular applications designed to display tabular data. It functions as an interactive data table that supports virtualization to maintain performance when rendering large datasets. The grid provides specialized capabilities for professional data management, including row grouping, column pinning, and state persistence. It allows for the organization of complex data hierarchies and the transformation of flat records into grouped or tree structures. The component covers a broad range of data management features, including in-place cell editing,

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

Lightweight Charts is a specialized library for rendering interactive time-series financial data visualizations within web applications. It provides a high-performance, responsive component designed to display historical and live market trends through various graphical formats, including candlesticks, histograms, and line series. The library distinguishes itself through a canvas-based rendering engine that decouples visual representation from raw data, enabling efficient updates and real-time monitoring of large datasets. It includes built-in support for accessibility, ensuring that interacti

This project is a comprehensive administrative dashboard template built on Bootstrap 5. It provides a modular library of pre-designed interface components, page layouts, and form elements intended to accelerate the construction of responsive web applications. The framework is designed to be lightweight, utilizing native browser scripting for all interactive behaviors to eliminate dependencies on heavy external libraries. The template distinguishes itself through a focus on performance and customization. It includes a task-runner-based asset pipeline that automates the compilation, minificatio

smartTable is a data grid component and table view framework for Android. It functions as an annotation-driven UI library that uses class and field markers to automatically map data models to visual columns and define table properties. The project distinguishes itself through deep spreadsheet integration, providing tools to import and export data to and from Excel files while preserving cell formatting, styles, colors, and alignment. It also features a canvas-based rendering system that supports complex grid layouts with merged cells, frozen headers, and column locking. The library covers a

Cytoscape.js is a JavaScript library designed for rendering interactive node-link diagrams and analyzing complex network structures directly within a web browser. It functions as a comprehensive framework for building responsive graph interfaces, providing the tools necessary to visualize relational datasets and manage hierarchical data models. The library distinguishes itself through a modular architecture that supports custom layout algorithms and rendering styles, allowing for the integration of physics-based engines to organize complex network structures automatically. It utilizes an even

Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic interface for rendering 2D and 3D medical images, providing a web-based clinical workflow engine to automate image layouts and toolsets. The project distinguishes itself through a highly extensible architecture that allows for the development of custom clinical workflows, specialized viewing modes, and the integration of external functional extensions. It includes a dedicated command line interface for managing these plugins and supports white-labeling through a comprehensive

react-datasheet is a React data grid component and tabular editor that provides an interactive spreadsheet interface. It is designed for managing tabular data with built-in support for cell editing and keyboard navigation. The project is distinguished by its flexibility in rendering and structure, allowing the replacement of standard table elements with custom markup such as lists or divs. It supports custom cell rendering through a mapping system that swaps default cells with specialized components based on cell metadata. The component covers broad capabilities for tabular data management,

deck.gl is a GPU-accelerated geospatial engine and WebGL2 data visualization framework. It functions as a high-performance spatial visualizer and map overlay library designed to render large-scale spatial and temporal datasets. The system specializes in mapping data arrays into visual layers for complex geographic representations. It provides the capability to create interactive visual overlays and cartographic projections that align with various third-party map providers. The framework supports large-scale data visualization, interactive spatial analysis, and the development of custom high-

Chart.js is a declarative data visualization framework that renders interactive, responsive charts directly onto an HTML5 canvas element. It functions as a configuration-driven engine, transforming structured datasets into complex graphical representations by merging user-defined settings with global defaults. The library utilizes a high-performance rendering pipeline that executes drawing commands during each animation frame to maintain smooth visual feedback. The project distinguishes itself through a modular, extensible architecture that allows developers to register custom scales, control

sigma.js is a JavaScript graph visualization library and WebGL network renderer designed for drawing large-scale network graphs in web browsers. It functions as a high-performance engine capable of rendering network structures containing thousands of nodes and edges interactively. The library provides a customizable graph engine that allows for the creation of specialized visualizations using low-level graphics primitives and custom drawing layers. It supports the rendering of diverse node shapes, such as images or piecharts, and enables the integration of graph visualizations as overlays on

Data table filters is a TypeScript library for building interactive data tables with server-side filtering, faceted search, and virtualized rows. It provides a backend data querying system for filtering, sorting, and paginating large datasets directly in the database, alongside UI components for filtering using checkboxes, sliders, and date ranges. The library supports dynamic record refinement through text search, numerical sliders, and date range pickers, handling filter and table state via interchangeable storage adapters including URL parameters, client stores, or memory. It synchronizes

Tower Game is a browser-based JavaScript engine designed for building physics-driven stacking simulations. It provides a framework for developing interactive arcade-style challenges where players align blocks to build structures, with core systems that manage collision logic, health tracking, and precision-based scoring. The engine distinguishes itself through a modular architecture that allows for deep customization of gameplay mechanics. Developers can inject custom functions to override default movement speeds, oscillation angles, and scoring triggers at runtime. Additionally, the system s