https://github.com/d3-node/d3node-linechart
LineChart generator using D3-Node
https://github.com/d3-node/d3node-linechart
d3 d3-node linechart visualization
Last synced: 5 months ago
JSON representation
LineChart generator using D3-Node
- Host: GitHub
- URL: https://github.com/d3-node/d3node-linechart
- Owner: d3-node
- License: mit
- Created: 2017-03-14T08:03:53.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T17:26:52.000Z (about 3 years ago)
- Last Synced: 2025-06-15T10:51:57.712Z (8 months ago)
- Topics: d3, d3-node, linechart, visualization
- Language: JavaScript
- Homepage:
- Size: 485 KB
- Stars: 22
- Watchers: 2
- Forks: 23
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## LineChart
LineChart generator in node.js.
## Install
```bash
npm install d3node-linechart
```
## Usage
```js
const d3nLine = require('d3node-linechart');
const line = d3nLine(data, selector, container, style)
```
Check out the [examples](./examples) for usage.
##### Output the example visualization
```
git clone
npm install
npm start
```
## Output Preview (png):
## API
### d3nLine({ data[, selector, container, style] })
#### options
##### data
- Type: `Array`
Data from file or web processed by d3 library.
Single line is of the form `[ { key: x, value: y }, ...]`
Multiline is of the form `[ "keys": [all, possible, x's, ...], [ { key: x, value: y }, ...], ...]`.
Examples:
- Single line:
```js
[ { key: 0, value: 3 }, { key: 1, value: 2 }, { key: 2, value: 1 } ]
```
- Multiline:
```js
[ "keys": [0, 1, 2],
[ { key: 0, value: 3 }, { key: 1, value: 2 }, { key: 2, value: 1 } ],
[ { key: 0, value: 1 }, { key: 1, value: 2 }, { key: 2, value: 3 } ]]
```
##### selector
- Type: `String`
- Default: `'#chart'`
DOM selector in container.
##### container
- Type: `String`
- Default: `
Line Chart
`
DOM contain the visualization result.
##### style
- Type: `String`
- Default: `''`
Linechart style.
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
### LICENSE
[MIT](LICENSE) © [d3-node](https://github.com/d3-node)