Cubism-es NPM | npm.io

cubism-es

cubism-es is an ES6 module of cubism, based on D3V5.

IMPORTANT Version 1.1.0 contains api breaks. Please see below for details

Usage:

Install

npm install cubism-es --save

ES6 Usage

import { context } from 'cubism-es';

API Breaks (v1.1.0)

function	cubism	cubism-es
Context.axis	`d3.select(...).call(context.axis)`	`context.axis().render(d3.select(...))`
Context.rule	`d3.select(...).call(context.rule)`	`context.rule().render(d3.select(...))`
Context.horizon	`d3.select(...).call(context.horizon)`	`context.horizon().render(d3.select(...))`

API Breaks (v1.0.0 and previous)

function	cubism	cubism-es
Context	`d3.select(...).call(cubism.context)`	`const context = cubism.context(d3.select(...)).height(30)`
Context.axis	`d3.select(...).call(context.axis)`	`context.axis(d3.select(...))`
Context.rule	`d3.select(...).call(context.rule)`	`context.rule(d3.select(...))`
Context.horizon	`d3.select(...).call(context.horizon)`	`context.horizon(d3.select(...))`

Demo

the following samples work, you can try them by downloading this project and running npm install and npm run dev:

Mike, Bostock's stock demo
Patrick, Thompson's Discrete Cubism
Square Inc's demo
Mike, Bostock's random demo
Comparison

Development

Clone repository
Run commands

npm install         // install dependencies
npm run dev         // view demos in web browser at localhost:3004
npm run build       // build
npm run test        // run tests only
npm run test:cover  // run tests and view coverage report