react-logarithmic-scale-graph

Reactjs Logarithmic scale graph using D3


Keywords
reactjs, logarithmic, scale, graph, D3
License
MIT
Install
npm install react-logarithmic-scale-graph@1.0.0

Documentation

react-logarithmic-scale-graph

Install

$ npm install --save react-logarithmic-scale-graph

Using

In your component

import HorizontalGraph from 'react-logarithmic-scale-graph';

class GraphWrapper extends Component{
  render(){
    return(
      <div>
        <HorizontalGraph/>
      </div>
    )
  }
}

Output

initial-draft

Available props for HorizontalGraph are:

  • color: string. color for bar . (default: #a1e3e2)
  • alternateColor: string. alternateColor for bar . (default: #fde4bb)
  • barHeight: number. height of bar . (default: 35)
  • axisMargin: number. margin for the text to be displayed . (default: 40)
  • barPadding: number. padding between two bars . (default: 5)
  • sort: string. sorting values 'ascending' | 'descending'. (default: ascending)