react-horizontal-bar-chart-example2.js

//JSX code

<HBar
  data={randomData(9, 10000, true)}
  width="230"
  height="300"
  focus="3" // focus on the 3rd bar
  textPosition="dynamic" // insert texts in bars if possible
  axis="false"
  sort="descending"
  formatter={formatter} // fn applied to values, should return a string
/>

//CSS

<style>
  .example2 .HBar .inside {
    fill: white
  }
  
  .example2 .HBar .right {
    fill: white
  }
  
  .example2 .HBar .axis {
    stroke: #4D386C;
  }
  
  .example2 .HBar .focused {
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1px;
  }
</style>

Example for https://github.com/laem/react-horizontal-bar-chart