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

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)