ColorBinsG: geometry

Use the `geometry` prop to control safety areas (default: 10 px), bar thickness (default: 25 px), text padding (default: 5 px), gap (default: 2 px).

Choose an example

Usage

<ColorBinsG
  {bins}
  {height}
  {width}
/>

Props

bins

    ▶ (11) [ {…} ,{…} ,{…} ,{…} ,{…} , … ]
    • 0: { range: Array(2) ,color: "red" }
    • 1: { range: Array(2) ,color: "yellow" }
    • 2: { range: Array(2) ,color: "palegreen" }
    • 3: { range: Array(2) ,color: "cyan" }
    • 4: { range: Array(2) ,color: "khaki" }
    • 5: { range: Array(2) ,color: "lightskyblue" }
    • 6: { range: Array(2) ,color: "blue" }
    • 7: { range: Array(2) ,color: "magenta" }
    • 8: { range: Array(2) ,color: "orange" }
    • 9: { range: Array(2) ,color: "violet" }
    • 10: { range: Array(2) ,color: "brown" }
    • length: 11