gridl

A modern ES6 toolbox for grid-based data.

Easily select cells, columns, rows, sub grids or neighbouring cells with selector functions.

Do all sorts of data transformations on your grid like adding, removing, rotating, swapping, mirroring and more.

Traverse over your grid in variety of ways. Choose from a predefined set of walker functions or just come up with your own one.

Use only the parts you need and keep your bundle size as small as possible with treeshaking. Alternatively, there is also a UMD bundle.

The grid data structures is immutable. This aligns well with applications using a flux architecture like React and Redux.

Since gridl is written in TypeScript it naturally comes with complete and up-to-date type definitions.

Installation

<script src="https://cdn.jsdelivr.net/npm/gridl@latest/_umd/index.min.js"></script>

$ npm install gridl

$ yarn add gridl

import {createGrid} from "gridl/core";
import {mirrorHorizontally} from "gridl/transformers";

const {createGrid, mirrorHorizontally} = require("gridl/_umd)";