<commit_before> - Include the js and the CSS
 - Import the module

See [some examples](http://n3-charts.github.io/line-chart/v2/#/examples).

## Options

### Series
Each series defines a visual element in the chart. They should all have the following form :

Name | Type | Default | Description | Mandatory
---- | ---- | ------- | ------------ | --------
`key` | Object or String | - | This can either be a single string (`'value_0'` or something) or a pair of values, for areas, columns, etc (`{y0: 'min_value', y1: 'max_value'}`). | Yes
`label` | String | `""` | What's shown in the tooltip and in the legend for this series. | No
`id` | String | a uuid | A series' identifier, mostly used for visibility toggling. | No
`axis` | String | `'y'` | The axis the series will use to plot its values. Currently, only `'y'` is supported. | Yes
`color` | String | `undefined` | The series's color. Any valid CSS value will work. | No
`interpolation` | Object | `undefined` | Can be something like `{mode: 'cardinal', tension: 0.7}`. More about that [here](https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate) | No
`type` | String or Array | `''` | The series's type(s). Can be any combination of `line`, `area`, `dot`, `column`. | No
`visibility` | Boolean | `true` | The series's visibility. Updated on legend click. | No
`defined` | Function | `undefined` | Helps tell the chart where this series is defined or not, regarding its data. More on that [here](https://github.com/mbostock/d3/wiki/SVG-Shapes#line_defined) | No

### Axes
#### Min/max
#### Ticks
#### Type

### Margin

### Tooltip
<commit_msg>Update usage.md<commit_after> - Include the js and the CSS
 - Import the module

See [some examples](http://n3-charts.github.io/line-chart/v2/#/examples).

## Options

### Series
Each series defines a visual element in the chart. They should all have the following form :
```js
{
  axis: 'y', // only y is supported at this moment
  dataset: 'dataset0',
  key: 'val_0', // can also be something like {y0: 'some_key', y1: 'some_other_key'}
  label: 'An area series',
  interpolation: {mode: 'cardinal', tension: 0.7},
  defined: function() {
   return value.y1 !== undefined; 
  },
  color: "#1f77b4", // or any valid CSS value, really
  type: ['line', 'dot', 'area'], // this, or a string. But this is better.
  id: 'mySeries0'
}
```

Name | Type | Default | Description | Mandatory
---- | ---- | ------- | ------------ | --------
`key` | Object or String | - | This can either be a single string (`'value_0'` or something) or a pair of values, for areas, columns, etc (`{y0: 'min_value', y1: 'max_value'}`). | Yes
`label` | String | `""` | What's shown in the tooltip and in the legend for this series. | No
`id` | String | a uuid | A series' identifier, mostly used for visibility toggling. | No
`axis` | String | `'y'` | The axis the series will use to plot its values. Currently, only `'y'` is supported. | Yes
`color` | String | `undefined` | The series's color. Any valid CSS value will work. | No
`interpolation` | Object | `undefined` | Can be something like `{mode: 'cardinal', tension: 0.7}`. More about that [here](https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate) | No
`type` | String or Array | `''` | The series's type(s). Can be any combination of `line`, `area`, `dot`, `column`. | No
`visibility` | Boolean | `true` | The series's visibility. Updated on legend click. | No
`defined` | Function | `undefined` | Helps tell the chart where this series is defined or not, regarding its data. More on that [here](https://github.com/mbostock/d3/wiki/SVG-Shapes#line_defined) | No

### Axes
There are currently two axes supported by the directive : `x` and `y`. Abscissas (`x`) is mandatory, just because the directive needs to know where to read the abscissas in the data. But there's more !

```js
{
  x: {
    key: 'foo',
    type: 'linear', // or 'date', or 'log'
    ticks: [-10, 0, 10] // can also be a number
  },
  y: {
    min: -10,
    max: 10,
    ticksShift: {
      y: -5,
      x: 10
    },
    tickFormat: function(value, index) {
      return "Pouet : " + value + " " + index;
    }
  }
}
```
Name | Type | Default | Description | Mandatory
---- | ---- | ------- | ------------ | --------
`key`| String | `undefined` | The abscissas key, a property on each datum | Yes
`type` | String | `'linear'` | The axis' type. can be either `'linear'`, `'log'` or `'date'`. | No
`ticks` | Array or Number | `undefined` | The axis' ticks. Depending on what is given will either call `tickValues` or `ticks` on the inner d3 axis. | No
`ticksShift` | Object | `{y: 0, x: 0}` | A bit of a hack to allow shifting of the ticks. May be useful if the chart is squeezed in a container and the 0 tick is cropped. Or not. | No. Of course not.
 `tickFormat` | Function | Formats the ticks. Takes the value and its index as arguments | No

### Margin

### Tooltip

{'fraction_non_alphanumeric': 0.16455437448896157, 'fraction_numerical': 0.009403107113654947, 'mean_word_length': 3.2621951219512195, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5848769', 'n_tokens_mistral': 1599, 'n_tokens_neox': 1547, 'n_words': 629}