<commit_before># d3.chart.bubble-matrix

A bubble-matrix chart, working on any kind of bidimensional data.

![bubble matrix](doc/screenshot.png)

Features:

  * useful to represent data on two dimensions, each datum being able to
    have two specific traits represented by size and color;
  * based on the powerful [Data-Driven Documents](http://d3js.org/) library;
  * based on the [d3.chart](http://misoproject.com/d3-chart/) abstraction,
    making the chart fairly flexible;
  * can dynamically change data, keeping track or removed/added rows and
    columns and animating headers & bubbles.

## Install

The library is not on `bower` yet, because `d3.chart` is not itself registered.
This should happen soon. Meanwhile, you can directly download the [compiled
library](https://github.com/benbria/d3.chart.bubble-matrix.shim/archive/master.zip).

The following files are available:

  * `d3.chart.bubble-matrix.js` — non-minified, development version;
  * `d3.chart.bubble-matrix.min.js` — production version;
  * `d3.chart.bubble-matrix.css` — mandatory CSS;
  * `d3.chart.bubble-matrix.default.css` — theme CSS.

If you want to customize the chart appearance, you can skip the theme CSS
and style the items yourself.

## Sample Use

We assume `d3`, `lodash`, `d3.chart` and `d3.chart.base` libraries files are in
the same directory as the example.

```html
<!-- index.html -->
<!DOCTYPE html>
<html>
    <head>
        <script src="d3.js"></script>
        <script src="lodash.js"></script>
        <script src="d3.chart.js"></script>
        <script src="d3.chart.base.js"></script>
        <script src="d3.chart.bubble-matrix.js"></script>
        <link rel="stylesheet" type="text/css"<commit_msg>Update readme about bower<commit_after># d3.chart.bubble-matrix

A bubble-matrix chart, working on any kind of bidimensional data.

![bubble matrix](doc/screenshot.png)

Features:

  * useful to represent data on two dimensions, each datum being able to
    have two specific traits represented by size and color;
  * based on the powerful [Data-Driven Documents](http://d3js.org/) library;
  * based on the [d3.chart](http://misoproject.com/d3-chart/) abstraction,
    making the chart fairly flexible;
  * can dynamically change data, keeping track or removed/added rows and
    columns and animating headers & bubbles.

## Install

With [bower](https://github.com/bower/bower):

```sh
bower install d3.chart.bubble-matrix
```

This will install the library, as well as its dependencies. You must include
those in your HTML: `d3`, `d3.chart`, `d3.chart.base`.

Otherwise, you can directly download the [compiled
library](https://github.com/benbria/d3.chart.bubble-matrix.shim/archive/master.zip).

The following files are available in the package:

  * `d3.chart.bubble-matrix.js` — non-minified, development version;
  * `d3.chart.bubble-matrix.min.js` — production version;
  * `d3.chart.bubble-matrix.css` — mandatory CSS;
  * `d3.chart.bubble-matrix.default.css` — theme CSS.

If you want to customize the chart appearance, you can skip the theme CSS
and style the items yourself.

## Sample Use

We assume `d3`, `lodash`, `d3.chart` and `d3.chart.base` libraries files are in
the same directory as the example (they'll be located in the
`bower_components` folder when installed via `bower`).

```html
<!-- index.html -->
<!DOCTYPE html>
<html>
    <head>
        <script src="d3.js"></script>
        <script src="lodash.js"></script>
        <script src="d3.chart.js"></script>
        <script src="d3.chart.base.js"></script>
        <script src="d3.chart.bubble-matrix.js"></script>
        <link rel="stylesheet" type="text/css"
{'fraction_non_alphanumeric': 0.1288730463394571, 'fraction_numerical': 0.010145324924595559, 'mean_word_length': 3.781127129750983, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 31, 'https://': 3, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3150723', 'n_tokens_mistral': 1172, 'n_tokens_neox': 1132, 'n_words': 371}