@gvol/components

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 🚀