Reactive Spreadsheet-like Calculation In JavaScript – xcell

Category: Javascript , Recommended | July 29, 2018
Author: tomazy
Views Total: 536
Official Page: Go to website
Last Update: July 29, 2018
License: MIT


Reactive Spreadsheet-like Calculation In JavaScript – xcell


The xcell library enables you to apply reactive, spreadsheet-like calculations to any elements such as input fields, table cells and more.

Basic usage:

Insert the UMD version of the xcell’s files into the document.

<script src="[email protected]/dist/xcell-umd.js"></script>
<script src="[email protected]/dist/xcell-inspect-umd.js"></script>

The basic example.

<input id="A"> + <input id="B"> = <input id="C" readonly>
const $a = xcell(1)
const $b = xcell(2)
const $c = xcell([$a, $b], (a, b) => a + b)

A.value = $a.value
B.value = $b.value
C.value = $c.value

A.addEventListener('input', e => $a.value =
B.addEventListener('input', e => $b.value =

$c.on('change', ({ value }) => C.value = value)

const inspector = xcellInspect([$a, $b, $c], {
  renderDOT: true,
  renderGraph: true,
  hidden: false,




  • v0.0.10

You Might Be Interested In:

Leave a Reply