Lattice Grid

the full map

Every Lattice Grid Module: Size, Import Path and CDN

Every module Lattice Grid ships. The core grid is one package, but almost everything past it is optional. None of the 81 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 2409.8 KB (ESM) plus 189.4 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 The original Angular component, which needs Angular's own compiler loaded in the page. The compiled components at @toclocoinc/lattice-grid/angular supersede it. @toclocoinc/lattice-grid/modules/angular Install from npm, not self-hosted here no CDN global (npm only) not vendored here
angular-components Standalone Angular components for the grid, the stat tiles, a chart, the board, the plan, the dashboard layout and the tab strip, compiled ahead of time so a production build needs no compiler in the page. @toclocoinc/lattice-grid/angular Part of the grid package, linked in by your own build 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.119.0.73517d8b.esm.js extends the core global 2550.3 KB
htmx.shared The htmx integration without its own copy of the grid core, for a page that already loads the core, so the core downloads once. @toclocoinc/lattice-grid/modules/htmx.shared /vendor/lattice-grid-htmx-shared-1.119.0.73517d8b.esm.js LatticeGridHtmxShared 216.3 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.119.0.73517d8b.esm.js extends the core global 2447.9 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.119.0.73517d8b.esm.js LatticeGridAI 81.6 KB
alarms Turns a value a KPI tile, a grid column or a Data Router route already grades as good, warning or critical into raise and clear events, with a hold timer that ignores a feed flapping across the line. @toclocoinc/lattice-grid/modules/alarms /vendor/lattice-grid-alarms-1.119.0.73517d8b.esm.js LatticeGridAlarms 22.7 KB
calendar A calendar view: the grid's own rows as cards on a month grid, a week grid or an hour-axis week and day view, dragged to another day or slot to reschedule with write-back. @toclocoinc/lattice-grid/modules/calendar /vendor/lattice-grid-calendar-1.119.0.73517d8b.esm.js LatticeGridCalendar 96.4 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.119.0.73517d8b.esm.js extends the core global 597.0 KB
contextmenu A context menu: items you declare, opened at a right-click, a point or an element and kept inside the viewport. The grid cell menu and the tree and list view item menus open through it. @toclocoinc/lattice-grid/modules/contextmenu /vendor/lattice-grid-contextmenu-1.119.0.73517d8b.esm.js LatticeGridContextMenu 34.6 KB
dashboard Builds a whole dashboard from a JSON spec: a layout of windows holding a grid, chart, KPI tiles, a map or html, wired to sources and to each other, handed back by spec() to save and restore. @toclocoinc/lattice-grid/modules/dashboard /vendor/lattice-grid-dashboard-1.119.0.73517d8b.esm.js LatticeGridDashboard 52.3 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.119.0.73517d8b.esm.js extends the core global 133.0 KB
dataview A data view of cards: items drawn from your own template that wrap into rows, with selection, arrow-key movement and drag to reorder. @toclocoinc/lattice-grid/modules/dataview /vendor/lattice-grid-dataview-1.119.0.73517d8b.esm.js LatticeGridDataView 59.9 KB
deckgl Binds a deck.gl layer to the grid's own rows, redrawing as they change, with the map's pan and zoom written back as a filter. @toclocoinc/lattice-grid/modules/deckgl /vendor/lattice-grid-deckgl-1.119.0.73517d8b.esm.js LatticeGridDeck 271.0 KB
designer An interactive dashboard builder over the dashboard module: edit and view modes, a widget palette, a properties panel generated from each widget, derived grids and calculated fields, statistics widgets, undo, guardrails and AI-assisted layout proposals. @toclocoinc/lattice-grid/modules/designer /vendor/lattice-grid-designer-1.119.0.73517d8b.esm.js LatticeGridDesigner 613.5 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.119.0.73517d8b.esm.js LatticeGrid 28.9 KB
dhtmlx-compat A compatibility Grid API shaped like an earlier grid API, for moving an existing integration across with minimal rework. @toclocoinc/lattice-grid/modules/dhtmlx-compat /vendor/lattice-grid-dhtmlx-1.119.0.73517d8b.esm.js extends the core global 17.4 KB
form A form builder: controls in rows and columns with percentage widths, number formats and units, date and time pickers, a file drop area, disabled and read-only states and rules, bound to a grid or the data router. @toclocoinc/lattice-grid/modules/form /vendor/lattice-grid-form-1.119.0.73517d8b.esm.js LatticeGridForm 615.5 KB
gantt An editable, dependency-aware project plan with a computed critical path. @toclocoinc/lattice-grid/modules/gantt /vendor/lattice-grid-gantt-1.119.0.73517d8b.esm.js LatticeGridGantt 569.9 KB
geo-europe-nuts European regional boundaries for the map chart types, down to Eurostat's NUTS level 2. @toclocoinc/lattice-grid/modules/geo-europe-nuts /vendor/lattice-grid-geo-europe-nuts-1.119.0.73517d8b.esm.js LatticeGridGeoEuropeNuts 285.3 KB
geo-uk UK regional boundaries for the map chart types, down to local authority and Westminster constituency. @toclocoinc/lattice-grid/modules/geo-uk /vendor/lattice-grid-geo-uk-1.119.0.73517d8b.esm.js LatticeGridGeoUk 948.3 KB
geo-us-states US state boundaries for the map chart types, all 50 states plus DC. @toclocoinc/lattice-grid/modules/geo-us-states /vendor/lattice-grid-geo-us-states-1.119.0.73517d8b.esm.js LatticeGridGeoUsStates 110.4 KB
geo-world-110m World country boundaries for the map chart types, 177 countries at a resolution suited to a whole-world view. @toclocoinc/lattice-grid/modules/geo-world-110m /vendor/lattice-grid-geo-world-110m-1.119.0.73517d8b.esm.js LatticeGridGeoWorld110m 107.6 KB
geo-world-50m World country boundaries at a finer resolution, 241 countries, for a map that zooms in past a whole-world view. @toclocoinc/lattice-grid/modules/geo-world-50m /vendor/lattice-grid-geo-world-50m-1.119.0.73517d8b.esm.js LatticeGridGeoWorld50m 730.9 KB
geometry A column that holds a shape, read from WKB, WKT or GeoJSON, with four spatial filter operators and a plain-language summary in every cell. @toclocoinc/lattice-grid/modules/geometry /vendor/lattice-grid-geometry-1.119.0.73517d8b.esm.js LatticeGrid 36.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.119.0.73517d8b.esm.js LatticeGridKanban 167.6 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.119.0.73517d8b.esm.js LatticeGridKPI 65.8 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.119.0.73517d8b.esm.js LatticeGridLayout 51.7 KB
leaflet Binds a Leaflet layer to the grid's own rows, redrawing as they change, with the map's pan and zoom written back as a filter. @toclocoinc/lattice-grid/modules/leaflet /vendor/lattice-grid-leaflet-1.119.0.73517d8b.esm.js LatticeGridLeaflet 271.6 KB
list A column that holds several values at once, drawn as chips with a token editor, each item still filterable on its own. @toclocoinc/lattice-grid/modules/list /vendor/lattice-grid-list-1.119.0.73517d8b.esm.js LatticeGrid 20.9 KB
listview A list view: a selectable list drawn from your own template, with drag to reorder or move items between lists. @toclocoinc/lattice-grid/modules/listview /vendor/lattice-grid-listview-1.119.0.73517d8b.esm.js LatticeGridListView 38.5 KB
mapview A 3D map of the grid's own rows over MapLibre and deck.gl: points, extruded columns, polygons and routes, redrawn as the grid filters and searches, with two-way selection between the map and the table. @toclocoinc/lattice-grid/modules/mapview /vendor/lattice-grid-mapview-1.119.0.73517d8b.esm.js LatticeGridMapView 374.2 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.119.0.73517d8b.esm.js extends the core global 5.9 KB
pdf PDF export: the grid, the calendar, the Kanban board and the Gantt printed as paginated PDFs with real, selectable text, headers repeated on every page and nothing split across a page. pdf-lib is loaded by your page, never bundled. @toclocoinc/lattice-grid/modules/pdf /vendor/lattice-grid-pdf-1.119.0.73517d8b.esm.js LatticeGridPdf 35.1 KB
presets themeFromMui, for reading a live MUI theme into grid tokens. The four preset stylesheets (Material 3, Bootstrap 5, Ant Design 5, Fluent 2) load as a plain CSS file rather than through this module; see the theming guide. @toclocoinc/lattice-grid/modules/presets /vendor/lattice-grid-presets-1.119.0.73517d8b.esm.js LatticeGridPresets 4.6 KB
recordeditor A record editor: one form bound to a row and its related rows in a grid, list, tree, board or chart, with one dirty state, one validation pass and one batched save that rolls back if the save is rejected. @toclocoinc/lattice-grid/modules/recordeditor /vendor/lattice-grid-recordeditor-1.119.0.73517d8b.esm.js LatticeGridRecordEditor 30.0 KB
scheduler A resource scheduler: resources as rows and events as bars on a shared time axis, dragged to reschedule or reassign, with a workload band that flags over-allocation. @toclocoinc/lattice-grid/modules/scheduler /vendor/lattice-grid-scheduler-1.119.0.73517d8b.esm.js LatticeGridScheduler 204.0 KB
shell An application shell: nested rows and columns of panels with drag and keyboard splitters, collapse to a header strip, tabs, and content that keeps its state; save and restore the arrangement. @toclocoinc/lattice-grid/modules/shell /vendor/lattice-grid-shell-1.119.0.73517d8b.esm.js LatticeGridShell 53.6 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.119.0.73517d8b.esm.js LatticeGridTabs 28.4 KB
toolbar A toolbar: buttons, toggles, dropdowns and inputs, bound to grid, tree, list view and form actions, with the trailing items moving into a more menu when the row is too narrow. @toclocoinc/lattice-grid/modules/toolbar /vendor/lattice-grid-toolbar-1.119.0.73517d8b.esm.js LatticeGridToolbar 72.5 KB
tree A tree: expand and collapse branches, select with tri-state checkboxes, and drag a node to move it under another. @toclocoinc/lattice-grid/modules/tree /vendor/lattice-grid-tree-1.119.0.73517d8b.esm.js LatticeGridTree 17.1 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.119.0.73517d8b.esm.js extends the core global 3.9 KB
chart-arc Nodes on a line, connections drawn as arcs. @toclocoinc/lattice-grid/modules/chart-arc /vendor/lattice-grid-chart-arc-1.119.0.73517d8b.esm.js extends the core global 3.2 KB
chart-barrace A bar chart race: ranked bars that trade places through time. @toclocoinc/lattice-grid/modules/chart-barrace /vendor/lattice-grid-chart-barrace-1.119.0.73517d8b.esm.js extends the core global 17.4 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.119.0.73517d8b.esm.js extends the core global 18.4 KB
chart-bump Rank over time, as crossing lines. @toclocoinc/lattice-grid/modules/chart-bump /vendor/lattice-grid-chart-bump-1.119.0.73517d8b.esm.js extends the core global 3.1 KB
chart-calendar A calendar heatmap, one cell per day. @toclocoinc/lattice-grid/modules/chart-calendar /vendor/lattice-grid-chart-calendar-1.119.0.73517d8b.esm.js extends the core global 3.3 KB
chart-choropleth Each row's own boundary, filled by a measure, straight from a geometry column. @toclocoinc/lattice-grid/modules/chart-choropleth /vendor/lattice-grid-chart-choropleth-1.119.0.73517d8b.esm.js extends the core global 19.6 KB
chart-decomposition A time series split into trend, season and residual. @toclocoinc/lattice-grid/modules/chart-decomposition /vendor/lattice-grid-chart-decomposition-1.119.0.73517d8b.esm.js extends the core global 11.2 KB
chart-diverging Bars that diverge either side of a centre value. @toclocoinc/lattice-grid/modules/chart-diverging /vendor/lattice-grid-chart-diverging-1.119.0.73517d8b.esm.js extends the core global 3.2 KB
chart-dumbbell Two values per category, connected as a dumbbell. @toclocoinc/lattice-grid/modules/chart-dumbbell /vendor/lattice-grid-chart-dumbbell-1.119.0.73517d8b.esm.js extends the core global 4.1 KB
chart-fan A forecast with widening confidence bands. @toclocoinc/lattice-grid/modules/chart-fan /vendor/lattice-grid-chart-fan-1.119.0.73517d8b.esm.js extends the core global 11.3 KB
chart-forcetree A hierarchy as a force-directed graph that settles round its root. @toclocoinc/lattice-grid/modules/chart-forcetree /vendor/lattice-grid-chart-forcetree-1.119.0.73517d8b.esm.js extends the core global 16.7 KB
chart-hexbin Point density binned into hexagons. @toclocoinc/lattice-grid/modules/chart-hexbin /vendor/lattice-grid-chart-hexbin-1.119.0.73517d8b.esm.js extends the core global 4.2 KB
chart-hexmap A hexagon-binned map. @toclocoinc/lattice-grid/modules/chart-hexmap /vendor/lattice-grid-chart-hexmap-1.119.0.73517d8b.esm.js extends the core global 4.2 KB
chart-icicle A hierarchy as stacked, nested bars. @toclocoinc/lattice-grid/modules/chart-icicle /vendor/lattice-grid-chart-icicle-1.119.0.73517d8b.esm.js extends the core global 2.8 KB
chart-markermap A marker at each location, carrying that row's own figure and the colour its rule gives it. @toclocoinc/lattice-grid/modules/chart-markermap /vendor/lattice-grid-chart-markermap-1.119.0.73517d8b.esm.js extends the core global 21.2 KB
chart-motion A motion chart: one bubble per entity, gliding through time. @toclocoinc/lattice-grid/modules/chart-motion /vendor/lattice-grid-chart-motion-1.119.0.73517d8b.esm.js extends the core global 19.8 KB
chart-pack A hierarchy as circles inside circles. @toclocoinc/lattice-grid/modules/chart-pack /vendor/lattice-grid-chart-pack-1.119.0.73517d8b.esm.js extends the core global 12.4 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.119.0.73517d8b.esm.js extends the core global 3.5 KB
chart-pictorial A quantity told with a row of icons or a filled silhouette. @toclocoinc/lattice-grid/modules/chart-pictorial /vendor/lattice-grid-chart-pictorial-1.119.0.73517d8b.esm.js extends the core global 13.6 KB
chart-polararea A polar area chart (Nightingale rose). @toclocoinc/lattice-grid/modules/chart-polararea /vendor/lattice-grid-chart-polararea-1.119.0.73517d8b.esm.js extends the core global 7.5 KB
chart-polarscatter Points placed by an angle and a distance from the centre. @toclocoinc/lattice-grid/modules/chart-polarscatter /vendor/lattice-grid-chart-polarscatter-1.119.0.73517d8b.esm.js extends the core global 10.4 KB
chart-pyramid Ordered stages as slices of one triangle. @toclocoinc/lattice-grid/modules/chart-pyramid /vendor/lattice-grid-chart-pyramid-1.119.0.73517d8b.esm.js extends the core global 7.5 KB
chart-radialbar One ring per category, swept by its value. @toclocoinc/lattice-grid/modules/chart-radialbar /vendor/lattice-grid-chart-radialbar-1.119.0.73517d8b.esm.js extends the core global 5.9 KB
chart-ridgeline Overlapping distributions, one per category, stacked as a ridgeline. @toclocoinc/lattice-grid/modules/chart-ridgeline /vendor/lattice-grid-chart-ridgeline-1.119.0.73517d8b.esm.js extends the core global 3.4 KB
chart-roc ROC, precision-recall and calibration curves. @toclocoinc/lattice-grid/modules/chart-roc /vendor/lattice-grid-chart-roc-1.119.0.73517d8b.esm.js extends the core global 4.8 KB
chart-scatter3d A 3D point cloud you orbit and zoom, coloured by a numeric field. @toclocoinc/lattice-grid/modules/chart-scatter3d /vendor/lattice-grid-chart-scatter3d-1.119.0.73517d8b.esm.js extends the core global 20.9 KB
chart-serpentine A timeline folded into rows joined by turns. @toclocoinc/lattice-grid/modules/chart-serpentine /vendor/lattice-grid-chart-serpentine-1.119.0.73517d8b.esm.js extends the core global 14.3 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.119.0.73517d8b.esm.js extends the core global 2.9 KB
chart-spiral A timeline wound onto a spiral, one turn per period. @toclocoinc/lattice-grid/modules/chart-spiral /vendor/lattice-grid-chart-spiral-1.119.0.73517d8b.esm.js extends the core global 15.0 KB
chart-splom A scatter-plot matrix across several fields at once. @toclocoinc/lattice-grid/modules/chart-splom /vendor/lattice-grid-chart-splom-1.119.0.73517d8b.esm.js extends the core global 3.1 KB
chart-tree A hierarchy as a tidy node-link tree or a dendrogram. @toclocoinc/lattice-grid/modules/chart-tree /vendor/lattice-grid-chart-tree-1.119.0.73517d8b.esm.js extends the core global 17.9 KB
chart-venn Overlaps between two or three sets, counted from the rows. @toclocoinc/lattice-grid/modules/chart-venn /vendor/lattice-grid-chart-venn-1.119.0.73517d8b.esm.js extends the core global 18.6 KB
chart-voronoi A treemap of organic cells fitted to each value. @toclocoinc/lattice-grid/modules/chart-voronoi /vendor/lattice-grid-chart-voronoi-1.119.0.73517d8b.esm.js extends the core global 21.9 KB
chart-waffle A part-to-whole waffle of squares. @toclocoinc/lattice-grid/modules/chart-waffle /vendor/lattice-grid-chart-waffle-1.119.0.73517d8b.esm.js extends the core global 2.7 KB
chart-wordcloud Words from a text column, sized by how often they appear. @toclocoinc/lattice-grid/modules/chart-wordcloud /vendor/lattice-grid-chart-wordcloud-1.119.0.73517d8b.esm.js extends the core global 18.0 KB

The 36 chart-type extensions above run from 2.7 KB to 21.9 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.