Reactjs Logarithmic scale graph using D3
npm install react-logarithmic-scale-graphsh
$ npm install --save react-logarithmic-scale-graph
`
Using
In your component
`js
import HorizontalGraph from 'react-logarithmic-scale-graph';
class GraphWrapper extends Component{
render(){
return(
)
}
}
`
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`)