Skip to content

dhruv004/react-logarithmic-scale-graph

Repository files navigation

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)

About

React component Using D3 to create a logarithmic scale graph

Resources

Stars

Watchers

Forks

Packages

No packages published