the full map
Every module Lattice Grid ships.
The core grid is one package, but almost everything past it is optional. None of the 35 bundles below loads unless a page imports it, so a page that imports none of them pays for none of them. This table is generated from the build running on this site right now: every size is measured off the actual file, not typed in.
The core engine itself is 3160.1 KB (ESM) plus 154.3 KB of stylesheet, required for every page. Nothing on this page is fetched at runtime beyond what you choose to load: no separate CDN call for a font, an icon sprite or a chart library.
Framework and integration adapters
How the grid attaches to a framework, or to no framework at all.
| Module | What it is | npm import | CDN path | Browser global | Size |
|---|---|---|---|---|---|
angular |
A standalone Angular component that takes the whole configuration through one input. | @toclocoinc/lattice-grid/modules/angular |
Install from npm, not self-hosted here | no CDN global (npm only) |
not vendored here |
htmx |
An htmx integration that survives DOM swaps and hydrates straight from a server-rendered table. | @toclocoinc/lattice-grid/modules/htmx |
/vendor/lattice-grid-htmx-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3165.5 KB |
react |
A React component over the grid, taking your configuration as props. | @toclocoinc/lattice-grid/modules/react |
Install from npm, not self-hosted here | no CDN global (npm only) |
not vendored here |
svelte |
A Svelte action, applied to a node you already own rather than a component you mount. | @toclocoinc/lattice-grid/modules/svelte |
Install from npm, not self-hosted here | no CDN global (npm only) |
not vendored here |
vue |
A Vue component over the grid. | @toclocoinc/lattice-grid/modules/vue |
Install from npm, not self-hosted here | no CDN global (npm only) |
not vendored here |
webcomponent |
The grid as a single custom element, <lattice-grid>, for a page with no build step and no framework. | @toclocoinc/lattice-grid/modules/webcomponent |
/vendor/lattice-grid-wc-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3162.2 KB |
Feature modules
Views and capabilities you add on top of the grid, one import at a time.
| Module | What it is | npm import | CDN path | Browser global | Size |
|---|---|---|---|---|---|
ai |
Plain-language narrative and insights grounded in the figures the grid has already computed, using a model you supply. | @toclocoinc/lattice-grid/modules/ai |
/vendor/lattice-grid-ai-1.62.0.9f7b9a37.esm.js
|
LatticeGridAI |
401.8 KB |
charts |
Charts drawn straight from the grid's own filtered, sorted and grouped result. | @toclocoinc/lattice-grid/modules/charts |
/vendor/lattice-grid-charts-1.62.0.9f7b9a37.esm.js
|
extends the core global |
546.0 KB |
data-router |
Splits one live feed across many grids and charts, each fed only its own slice. | @toclocoinc/lattice-grid/modules/data-router |
/vendor/lattice-grid-data-router-1.62.0.9f7b9a37.esm.js
|
extends the core global |
352.9 KB |
devtools |
An in-page diagnostic panel for a grid you are building, including accessibility checks. | @toclocoinc/lattice-grid/modules/devtools |
/vendor/lattice-grid-devtools-1.62.0.9f7b9a37.esm.js
|
LatticeGrid |
287.8 KB |
dhtmlx-compat |
A dhtmlx-shaped Grid API, for moving an existing dhtmlx integration across with minimal rework. | @toclocoinc/lattice-grid/modules/dhtmlx-compat |
/vendor/lattice-grid-dhtmlx-1.62.0.9f7b9a37.esm.js
|
extends the core global |
284.0 KB |
gantt |
An editable, dependency-aware project plan with a computed critical path. | @toclocoinc/lattice-grid/modules/gantt |
/vendor/lattice-grid-gantt-1.62.0.9f7b9a37.esm.js
|
LatticeGridGantt |
438.5 KB |
kanban |
A board view: grid rows as cards, grouped into columns you drag or move by keyboard. | @toclocoinc/lattice-grid/modules/kanban |
/vendor/lattice-grid-kanban-1.62.0.9f7b9a37.esm.js
|
LatticeGridKanban |
368.3 KB |
kpi |
A row of stat tiles, each an aggregate over your dataset, that update live with it. | @toclocoinc/lattice-grid/modules/kpi |
/vendor/lattice-grid-kpi-1.62.0.9f7b9a37.esm.js
|
LatticeGridKPI |
434.9 KB |
layout |
A rearrangeable dashboard: panels a reader can move, resize, lock and unlock without leaving the page. | @toclocoinc/lattice-grid/modules/layout |
/vendor/lattice-grid-layout-1.62.0.9f7b9a37.esm.js
|
LatticeGridLayout |
321.1 KB |
mock-socket |
A scripted or generated feed that behaves like a live WebSocket, so a screen can be built and shown before any backend exists. | @toclocoinc/lattice-grid/modules/mock-socket |
/vendor/lattice-grid-mock-socket-1.62.0.9f7b9a37.esm.js
|
extends the core global |
258.4 KB |
tabs |
A tab strip where each tab is its own full grid, and a tab can derive from another tab live. | @toclocoinc/lattice-grid/modules/tabs |
/vendor/lattice-grid-tabs-1.62.0.9f7b9a37.esm.js
|
LatticeGridTabs |
294.3 KB |
Chart-type extensions
Each registers one chart family onto the charts module and ships only if imported.
| Module | What it is | npm import | CDN path | Browser global | Size |
|---|---|---|---|---|---|
chart-alluvial |
Categorical flow from one dimension to another. | @toclocoinc/lattice-grid/modules/chart-alluvial |
/vendor/lattice-grid-chart-alluvial-1.62.0.9f7b9a37.esm.js
|
extends the core global |
5.1 KB |
chart-arc |
Nodes on a line, connections drawn as arcs. | @toclocoinc/lattice-grid/modules/chart-arc |
/vendor/lattice-grid-chart-arc-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3.8 KB |
chart-bubblemap |
A symbol map: bubbles sized by value at each location. | @toclocoinc/lattice-grid/modules/chart-bubblemap |
/vendor/lattice-grid-chart-bubblemap-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3.5 KB |
chart-bump |
Rank over time, as crossing lines. | @toclocoinc/lattice-grid/modules/chart-bump |
/vendor/lattice-grid-chart-bump-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3.7 KB |
chart-calendar |
A calendar heatmap, one cell per day. | @toclocoinc/lattice-grid/modules/chart-calendar |
/vendor/lattice-grid-chart-calendar-1.62.0.9f7b9a37.esm.js
|
extends the core global |
4.3 KB |
chart-decomposition |
A time series split into trend, season and residual. | @toclocoinc/lattice-grid/modules/chart-decomposition |
/vendor/lattice-grid-chart-decomposition-1.62.0.9f7b9a37.esm.js
|
extends the core global |
4.8 KB |
chart-diverging |
Bars that diverge either side of a centre value. | @toclocoinc/lattice-grid/modules/chart-diverging |
/vendor/lattice-grid-chart-diverging-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3.7 KB |
chart-dumbbell |
Two values per category, connected as a dumbbell. | @toclocoinc/lattice-grid/modules/chart-dumbbell |
/vendor/lattice-grid-chart-dumbbell-1.62.0.9f7b9a37.esm.js
|
extends the core global |
4.3 KB |
chart-fan |
A forecast with widening confidence bands. | @toclocoinc/lattice-grid/modules/chart-fan |
/vendor/lattice-grid-chart-fan-1.62.0.9f7b9a37.esm.js
|
extends the core global |
4.7 KB |
chart-hexbin |
Point density binned into hexagons. | @toclocoinc/lattice-grid/modules/chart-hexbin |
/vendor/lattice-grid-chart-hexbin-1.62.0.9f7b9a37.esm.js
|
extends the core global |
5.1 KB |
chart-hexmap |
A hexagon-binned map. | @toclocoinc/lattice-grid/modules/chart-hexmap |
/vendor/lattice-grid-chart-hexmap-1.62.0.9f7b9a37.esm.js
|
extends the core global |
4.1 KB |
chart-icicle |
A hierarchy as stacked, nested bars. | @toclocoinc/lattice-grid/modules/chart-icicle |
/vendor/lattice-grid-chart-icicle-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3.3 KB |
chart-parallel |
Many numeric fields on parallel axes, one line per row. | @toclocoinc/lattice-grid/modules/chart-parallel |
/vendor/lattice-grid-chart-parallel-1.62.0.9f7b9a37.esm.js
|
extends the core global |
4.4 KB |
chart-ridgeline |
Overlapping distributions, one per category, stacked as a ridgeline. | @toclocoinc/lattice-grid/modules/chart-ridgeline |
/vendor/lattice-grid-chart-ridgeline-1.62.0.9f7b9a37.esm.js
|
extends the core global |
4.3 KB |
chart-roc |
ROC, precision-recall and calibration curves. | @toclocoinc/lattice-grid/modules/chart-roc |
/vendor/lattice-grid-chart-roc-1.62.0.9f7b9a37.esm.js
|
extends the core global |
6.0 KB |
chart-slope |
Two points in time per category, joined by a sloped line. | @toclocoinc/lattice-grid/modules/chart-slope |
/vendor/lattice-grid-chart-slope-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3.4 KB |
chart-splom |
A scatter-plot matrix across several fields at once. | @toclocoinc/lattice-grid/modules/chart-splom |
/vendor/lattice-grid-chart-splom-1.62.0.9f7b9a37.esm.js
|
extends the core global |
4.1 KB |
chart-waffle |
A part-to-whole waffle of squares. | @toclocoinc/lattice-grid/modules/chart-waffle |
/vendor/lattice-grid-chart-waffle-1.62.0.9f7b9a37.esm.js
|
extends the core global |
3.4 KB |
The 18 chart-type extensions above run from 3.3 KB to 6.0 KB each: import only the chart families a page actually draws, and the rest are never fetched. Framework adapters marked "install from npm" carry the grid inside your own app's bundle rather than from this site's CDN, which is why they have no size figure here.
Building the install snippet for one of these? See the developer guide for quick starts, or the API reference for what each module exports.