Home

D3bind is a library that brings model-view separation and observables to d3.js.

For a quick introduction, read the wiki pages:

• Observables
• Selection bindings
• Logging

And check out the examples: code, demo

To get a sense of the API, check the TypeScript interfaces of the main modules:

• selection
• d3bind
• scales

Using the library:

If you use the version bundled for the browser (d3bind.js), then d3bind will be available as a global variable.

If you use npm, then you can install the library with npm install d3bind --save If you are using ES6 or TypeScript, then the d3bind variable is available as the default export, and the observables and interfaces as named exports:

import d3bind from 'd3bind';
import {ObservableArray} from 'd3bind';

The d3bind variable will also be placed on the global window object, if it exists.

If you use npm with the old require syntax, then you have to explicitly map the default export:

var d3bind = require('d3bind').default;
var ObservableArray = require('d3bind').ObservableArray;
// or: (only works after v0.1.3)
var d3bind = require('d3bind').d3bind;