@melonproject/orderbook-visualisation

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

Usage no npm install needed!

<script type="module">
  import melonprojectOrderbookVisualisation from 'https://cdn.skypack.dev/@melonproject/orderbook-visualisation';
</script>

README

Order Book Visualisation

Preview on Bl.ocks.org

Source on gist.github.com

Node module on npmjs.com

Usage

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.