DataModel is a minimalistic, in-browser representation of tabular data. It supports Relational Algebra operators which enable you to run filter
, group
, bin
, join
(and many more) operations on the data.
DataModel can be used if you need an in-browser tabular data store for data analysis, visualization or just general use of data. Since DataModel is immutable and enables all relational algebra operations, it can work seamlessly with any JavaScript library.
- 🎉 Supports Relational Algebra operators e.g.
selection
,projection
,union
,difference
,join
etc out-of-the-box. - 🔨 Provides additional operators like
bin
,groupBy
,calculateVariable
to harness additional power of data transformation. - 🎵 Compose and store data operations, with support for chaining or multiple levels of nesting.
- 💎 Every operation creates Immutable DataModel instance and builds a Directed Acyclic Graph (DAG) which establishes auto interactivity.
Insert the DataModel build into the <head>
:
<script src="https://cdn.charts.com/lib/datamodel/latest/datamodel.js" type="text/javascript"></script>
Install DataModel from NPM:
$ npm install --save datamodel
- Prepare the data and the corresponding schema:
// Prepare the schema for data
const schema = [
{
name: 'Name',
type: 'dimension'
},
{
name: 'Maker',
type: 'dimension'
},
{
name: 'Horsepower',
type: 'measure',
defAggFn: 'avg'
},
{
name: 'Origin',
type: 'dimension'
}
]
// Prepare the data
const data = [
{
"Name": "chevrolet chevelle malibu",
"Maker": "chevrolet",
"Horsepower": 130,
"Origin": "USA"
},
{
"Name": "buick skylark 320",
"Maker": "buick",
"Horsepower": 165,
"Origin": "USA"
},
{
"Name": "datsun pl510",
"Maker": "datsun",
"Horsepower": 88,
"Origin": "Japan"
}
]
- Pass the data and schema to
DataModel
constructor and create a newDataModel
instance:
import DataModel from 'datamodel';
// Create a new DataModel instance
const dm = new DataModel(data, schema);
console.log(dm.getData().data);
// Output:
// [
// ["chevrolet chevelle malibu", "chevrolet", 130, "USA"],
// ["buick skylark 320", "buick", 165, "USA"],
// ["datsun pl510", "datsun", 88, "Japan"]
// ]
// Perform the selection operation
const selectDm = dm.select((fields) => fields.Origin.value === "USA");
console.log(selectDm.getData().data);
// Output:
// [
// ["chevrolet chevelle malibu", "chevrolet", 130, "USA],
// ["buick skylark 320", "buick", 165, "USA]
// ]
// Perform the projection operation
const projectDm = dm.project(["Origin", "Maker"]);
console.log(projectDm.getData().data);
// Output:
// [
// ["USA", "chevrolet"],
// ["USA", "buick"],
// ["Japan", "datsun"]
// ]
console.log(projectDm.getData().schema);
// Output:
// [
// {"name": "Origin","type": "dimension"},
// {"name": "Maker","type": "dimension"}
// ]
Find detailed documentation and API reference from here.
Your PRs and stars are always welcome.
Checkout the CONTRIBUTING guides.
MIT