# TonyGermaneri/canvas-datagrid

Canvas based data grid web component.  Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.

Repository: https://github.com/TonyGermaneri/canvas-datagrid
Canonical: https://ross.abutalabs.com/products/canvas-datagrid
Language: JavaScript
License: BSD-3-Clause
License Family: permissive
Topics: datagrid, datatable, component, web-component
Last push: 2025-09-18T16:21:09+00:00

## Health v2 (maintenance only)
Score: 42/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 42, release rhythm 8, longevity 100
- inputs: {"age_days": 3565, "days_push": 349, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1571, forks 205 (observed 2026-08-28T04:05:05.437789+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: ui-components, data-visualization
- domain: frontend, web-development, data-visualization
- platform: browser
- tags: datagrid, web-component, canvas, datatable, large-datasets, hierarchical-data, javascript, web

## Member repositories
- TonyGermaneri/canvas-datagrid (main) score 42

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:05.437789+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:58:25.602553+00:00, confidence not recorded.
  - readme: https://github.com/TonyGermaneri/canvas-datagrid (fetched 2026-08-28T04:05:05.437789+00:00, sha 96147c1d2466)
- Data as of 2026-08-30T08:39:29.467469+00:00.