genesis volatility ui components

Import pre-built Gvol charts in your UI 🧙🏼

getting started

The following chart components are available in v0.2.0:
<Skew />
<ConstantSkews1M />
<ConstantMaturityATM />
<GenericOrderbookTermStructure />
<CobIvDteATMIv />

Simply import the components you want into your project and you're ready to go! Example in React.js:

import { ConstantMaturityATM } from '@gvol/components'

function App() {
  return (
    <div>
      <ConstantMaturityATM
        symbol="BTC"
        />
    </div>
  );
}

| Prop | Type | Default | | ----------- | ----------- |---------- | | *Symbol | "BTC" or "ETH" | *Required | Height | Number | 600 | | colors | string[ ] | GVOL Default Colors |

If you'd like more information on the data for these charts, check out the Genesis Volatility documentation 🚀