d3-er

1.2.1 • Public • Published

d3-er

npm version

Installing

If you use NPM, npm install d3-er.

and require it in file :

var d3 = require('d3-er/build/d3-er');
d3.select('body').style('background-color', 'red');

Download File

Test in browser

Check examples

API Reference

d3 modules Reference

D3 modules exported

  • d3-array
  • d3-axis
  • d3-line
  • d3-scale
  • d3-selection
  • d3-shape
  • d3-time-format
  • d3-timer
  • d3-transition

Svg element

  • to create SVG element with default width(100%) and height(100) use d3.svg()
 var svg = d3.svg('body')
  • If any property needs to be changed/ added
svg.style('background-color', 'lime')
    .attr('height', 200)

Bullet Chart

  • to create bullet chart use d3.bullet()

Bar Chart

  • To create barchart follow below steps
 var barchart = 
          d3.barchart()
            .x(function (d) {
                return d.age
            })
            .y(function (d) {
                return d.name
            })
            .margin(margin)
            .data(data)
 
d3.svg('#svgEle').call(barchart)
 
  • To update chart with new dataset
barchart.data(newdata)
 

Line Chart

  • To create Line Chart follow below steps
  var chart = d3.linechart()
           .x(function (d) {
               return formatDate(d.date);
           })
           .y(function (d) {
               return +d.price;
           })
           .margin(margin)
           .data(statetrend);
 
  d3.svg('#linechart')
           .style('height', '250')
           .call(chart)
 
  • To update chart with new dataset
   chart.data(newdata)
 

Package Sidebar

Install

npm i d3-er

Weekly Downloads

1

Version

1.2.1

License

ISC

Last publish

Collaborators

  • eshwarrachala