All Projects → d3-node → d3node-barchart

d3-node / d3node-barchart

Licence: MIT license
BarChart module using D3-Node

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to d3node-barchart

Markvis
make visualization in markdown. 📊📈
Stars: ✭ 1,509 (+8283.33%)
Mutual labels:  d3, d3-node
real-time-data-viz-d3-crossfilter-websocket-tutorial
Tutorial on real-time data visualization. Python websocket server & d3.js + crossfilter.js frontend
Stars: ✭ 32 (+77.78%)
Mutual labels:  d3
reactjs-calendar-heatmap
React component for d3.js calendar heatmap graph
Stars: ✭ 128 (+611.11%)
Mutual labels:  d3
o2d3m
Wavefront OBJ to Doom3 map converter.
Stars: ✭ 15 (-16.67%)
Mutual labels:  d3
ipydagred3
ipywidgets library for drawing directed acyclic graphs in jupyterlab using dagre-d3
Stars: ✭ 38 (+111.11%)
Mutual labels:  d3
ocaml-d3
OCaml bindings for D3.js
Stars: ✭ 71 (+294.44%)
Mutual labels:  d3
bob-ross-art-gallery
🖼 A visual, virtual tour of The Joy of Painting, by Bob Ross.
Stars: ✭ 27 (+50%)
Mutual labels:  d3
svg-time-series
SVG time-series charting library
Stars: ✭ 18 (+0%)
Mutual labels:  d3
d3-gridding
grids for rapid D3 charts mockups
Stars: ✭ 100 (+455.56%)
Mutual labels:  d3
vx-typescript-kitchensink
Repo to test type definitions for vx
Stars: ✭ 16 (-11.11%)
Mutual labels:  d3
d3-list-graph
D3 layout for a graph composed of adjacent lists of nodes
Stars: ✭ 16 (-11.11%)
Mutual labels:  d3
Covid-19-d3
Created with CodeSandbox
Stars: ✭ 13 (-27.78%)
Mutual labels:  d3
vue-d3-chart
A interactive chart library based on vue and d3
Stars: ✭ 38 (+111.11%)
Mutual labels:  d3
simple-d3-heatmap
A javascript module to create heatmap calendars
Stars: ✭ 24 (+33.33%)
Mutual labels:  d3
Manhattan-skyscraper-explorer
Demo application for 3D building exploration in Manhattan.
Stars: ✭ 28 (+55.56%)
Mutual labels:  d3
Simple-charts
Simple responsive charts
Stars: ✭ 15 (-16.67%)
Mutual labels:  d3
coincharts
Cryptocurrency Price Chart (GDAX)
Stars: ✭ 75 (+316.67%)
Mutual labels:  d3
twic
Topic Words in Context (TWiC) is a highly-interactive, browser-based visualization for MALLET topic models
Stars: ✭ 51 (+183.33%)
Mutual labels:  d3
react-d3-integration
An example on how to integrate D3 into React
Stars: ✭ 14 (-22.22%)
Mutual labels:  d3
visited-countries
🌎 Countries I Have visited
Stars: ✭ 25 (+38.89%)
Mutual labels:  d3

BarChart

BarChart generator in node.js.

Install

npm install d3node-barchart

Usage

const d3nBar = require('d3node-barchart');
const bar = d3nBar({ data, selector, container, style })

Check out the example for usage.

Output the visualization result to a image
npm start

Output Preview (png):

chart

API

d3nBar({data[, selector, container, style]})

data

  • Type: Array

Data from file or web processed by d3 library.

selector

  • Type: String
  • Default: '#chart'

DOM selector in container.

container

  • Type: String
  • Default: <div id="container"><h2>Bar Chart</h2><div id="chart"></div></div>

DOM contain the visualization result.

style

  • Type: String
  • Default:
.bar{fill: steelblue;}
.bar:hover{fill: brown;}
.axis{font: 10px sans-serif;}
.axis path,.axis line{fill: none;stroke: #000;shape-rendering: crispEdges;}
.x.axis path{display: none;}
width
  • Type: Number
  • Default: 960
height
  • Type: Number
  • Default: 500
margin
  • Type: Object
  • Default without labels: { top: 20, right: 20, bottom: 30, left: 40 }
  • Default with labels: { top: 20, right: 20, bottom: 40, left: 50 }
barColor
  • Type: String
  • Default: steelblue
barHoverColor
  • Type: String
  • Default: brown
labels
  • Type: Object
  • Default: { xAxis: '', yAxis: '' }

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].