<commit_before># d3-horizon-chart

[![npm version](https://badge.fury.io/js/d3-horizon-chart.svg)](http://badge.fury.io/js/d3-horizon-chart)

`d3-horizon-chart` is a d3 plugin that draws horizon charts using an Html5 Canvas.
It provides an easy way to visualize large amounts of time series data.

The plugin is heavily inspired by [cubism.js](https://square.github.io/cubism/), but doesn't make assumptions about real-time metrics and back-end servers such as Cube/Graphite.
This makes it a good fit when you just want to plot your data as a horizon chart.

`d3-horizon-chart` follows the [latest plugin guidelines](https://bost.ocks.org/mike/d3-plugin/) using D3’s new 4.0 module pattern.

## Examples

Check out the [examples page](http://kmandov.github.io/d3-horizon-chart/)


## Installing

If you use NPM, `npm install d3-horizon-chart`. Otherwise, download the [latest release](https://github.com/kmandov/d3-horizon-chart/releases/latest).

## API Reference

Todo..

<a href="#horizon-chart" name="horizon-chart">#</a> <b>horizon-chart</b>()


## TODO

- [x] Publish initial version
- [x] Add a simple usage example
- [ ] Add more examples + code samples
- [ ] Build the examples page with basscss + Add the badges
- [ ] Add eslint + indent rules
- [ ] Basic test coverage
- [ ] Travis-ci build integration
- [ ] Add support for negative bands
- [ ] Add API reference
- [ ] Show values on mouse over (Add support)
- [ ] Add an example for responsive web pages
- [ ] Add axis support
- [ ] Add it to the d3 plug-ins list
- [ ] Horizon Groups (i.e. cubism.js Context)
- [ ] Support for node-canvas.
- [ ] Handle canvas elements larger than 32767 px<commit_msg>Updated todos<commit_after># d3-horizon-chart

[![npm version](https://badge.fury.io/js/d3-horizon-chart.svg)](http://badge.fury.io/js/d3-horizon-chart)

`d3-horizon-chart` is a d3 plugin that draws horizon charts using an Html5 Canvas.
It provides an easy way to visualize large amounts of time series data.

The plugin is heavily inspired by [cubism.js](https://square.github.io/cubism/), but doesn't make assumptions about real-time metrics and back-end servers such as Cube/Graphite.
This makes it a good fit when you just want to plot your data as a horizon chart.

`d3-horizon-chart` follows the [latest plugin guidelines](https://bost.ocks.org/mike/d3-plugin/) using D3’s new 4.0 module pattern.

## Examples

Check out the [examples page](http://kmandov.github.io/d3-horizon-chart/)


## Installing

If you use NPM, `npm install d3-horizon-chart`. Otherwise, download the [latest release](https://github.com/kmandov/d3-horizon-chart/releases/latest).

## API Reference

Todo..

<a href="#horizon-chart" name="horizon-chart">#</a> <b>horizon-chart</b>()


## TODO

- [x] Publish initial version
- [x] Add a simple usage example
- [x] Build the examples page with basscss
- [ ] Add more examples + code samples
- [ ] Add support for negative bands
- [ ] Add example: stocks / ref: cubism
- [ ] Add example: using with browserify & webpack
- [ ] Add API reference
- [ ] Add some project badges
- [ ] Add eslint + indent rules
- [ ] Basic test coverage
- [ ] Travis-ci / Circle-ci build integration
- [ ] Show values on mouse over (Add support)
- [ ] Add an example for responsive web pages
- [ ] Add axis support
- [ ] Add it to the d3 plug-ins list
- [ ] Horizon Groups (i.e. cubism.js Context)
- [ ] Support for node-canvas.
- [ ] Handle canvas elements larger than 32767 px
{'fraction_non_alphanumeric': 0.1256529309344167, 'fraction_numerical': 0.011607661056297156, 'mean_word_length': 3.7025920873124147, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 8, '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': '391603', 'n_tokens_mistral': 1132, 'n_tokens_neox': 1097, 'n_words': 390}