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