GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - d3-node/d3node-linechart: LineChart generator using D3-Node

BranchesTags
Open more actions menu

Latest commit

 

History

49 Commits
49 Commits

Folders and files

NameName
Last commit message
Last commit date
data
data
 
 
examples
examples
 
 
.gitignore
.gitignore
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
index.js
index.js
 
 
package.json
package.json
 
 
yarn.lock
yarn.lock
 
 

Repository files navigation

LineChart

LineChart generator in node.js.

Install

npm install d3node-linechart

Usage

const d3nLine = require('d3node-linechart');
const line = d3nLine(data, selector, container, style)

Check out the examples for usage.

Output the example visualization
git clone <this repo url>
npm install
npm start

Output Preview (png):

Single line chart Multi line chart

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:
[ { key: 0, value: 3 }, { key: 1, value: 2 }, { key: 2, value: 1 } ]
  • Multiline:
[ "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: <div id="container"><h2>Line Chart</h2><div id="chart"></div></div>

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 © d3-node

About

LineChart generator using D3-Node

Topics

d3d3-nodelinechartvisualization

Resources

Readme
MIT license
Activity
Custom properties

Stars

22 stars

Watchers

2 watching

Forks

23 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.