SciGridPrecision Orthogonal Grid

High-performance, canvas-powered grid engine for massive scientific datasets and real-time visualization.

Get Started

Explore Examples

GitHub

Infinite Scalability

Handle millions of rows and thousands of columns with zero latency. Optimized memory management for big data.

Canvas Rendering

Leverages high-performance canvas drawing for sub-pixel precision and fluid 60 FPS interactions.

Scientific Utilities

Built-in support for SI units, sparklines, progress bars, and high-precision scientific notation.

Framework Agnostic

Core engine written in TypeScript. Full-featured adapters for React, Vue, SolidJS, and Angular.

Fully Themeable

Dynamic CSS variables, custom cell renderers, and built-in dark mode support.

Extensible Architecture

Modular plugin system for sorting, filtering, selection, and custom interactions.

Live Performance Demo

Experience the speed of SciGrid rendering 1,000,000 rows without breaking a sweat.

Quick Start

Installation

bash

npm install @sci-grid/core
# or
pnpm add @sci-grid/core

Basic Usage (React)

tsx

import { SciGridReact } from '@sci-grid/react';

const columns = [
  { key: 'id', title: 'ID', width: 80 },
  { key: 'name', title: 'Name', width: 200 },
  { key: 'value', title: 'Measurement', type: 'scientific' }
];

const data = [/* your massive dataset */];

function App() {
  return <Grid columns={columns} data={data} height={600} />;
}

Comparisons

Feature	SciGrid	AG Grid	TanStack Table
Max Rows (Lag-free)	∞ (Canvas)	~100k (DOM)	~10k (DOM)
Multi-Framework	✅ Native	✅ Wrapper	✅ Headless
Scientific Units	✅ Built-in	❌	❌
Drawing Mode	Canvas 2D	DOM / Canvas	DOM Only
Real-time Updates	✅ Optimized	⚠️ Heavy	⚠️ Heavy

Why SciGrid?

Zero DOM Overhead - By using Canvas for the entire grid surface, we eliminate the performance bottlenecks of traditional table libraries.
Scientific Precision - Designed by instrument developers for instrument developers.
Micro-Bundle - Small footprint, zero external dependencies in the core engine.
Industrial Strength - Built to run on laboratory equipment and high-performance monitoring stations.

SciGridPrecision Orthogonal Grid

Infinite Scalability

Canvas Rendering

Scientific Utilities

Framework Agnostic

Fully Themeable

Extensible Architecture

Live Performance Demo ​

Quick Start ​

Installation ​

Basic Usage (React) ​