TonyGermaneri/canvas-datagrid

Health v2 · maintenance only

Adoption not part of the score

1571 stars · 205 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A canvas-based data grid implemented as a W3C web component that renders millions of rows and columns without paging or virtual loading. It draws everything on a single canvas element, so data size does not impact rendering performance.

Use cases

• display millions of rows in a browser table without pagination
• render a high-performance data grid in a web app
• show hierarchical drill-down grids inside table cells
• embed a sortable filterable spreadsheet-like grid in any framework
• build a touch-friendly data table for tablets and phones

When to choose

• you need to render very large datasets (hundreds of thousands to millions of rows) smoothly
• you want a framework-agnostic web component that works in any frontend stack
• you need hierarchical inner grids or grids-in-cells
• DOM-based table libraries are too slow for your data volume

When to avoid

• you need simple small tables where a plain HTML table or lightweight grid suffices
• you require accessibility features like native screen-reader table semantics, which canvas rendering complicates
• you need easy text selection, copy-paste, or SEO-indexable table content
• your team prefers declarative DOM-based components over canvas drawing

Facets

library · maturity active

ui-components data-visualization frontend web-development data-visualization browser datagrid web-component canvas datatable large-datasets hierarchical-data javascript web

Member repositories

For agents

markdown · JSON · MCP: product_card(name="TonyGermaneri/canvas-datagrid")