Simple order book (or depth of market) visualisation with d3


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
Minified + gzip package size for @melonproject/orderbook-visualisation in KB


Order Book Visualisation

Preview on Bl.ocks.org

Source on gist.github.com

Node module on npmjs.com


This Bl.ock is a hybrid between a node module and a d3 Bl.ock. It is a d3 Bl.ock to showcase its possibility but also a node module to be reused in your other projects.

$ npm install --save @melonproject/orderbook-visualisation

To reuse it, the syntax is simple:

import d3 from 'd3';
import drawOrderbook from '@melonproject/orderbook-visualisation';

const svg = d3.select('svg.js-charts');

// ... load data somehow --> data

drawOrderbook(data, svg, d3);

Note: You need to pass d3 as reference (dependency injection) if it is not in the window scope.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.