Crypto Coins Heatmap Widget
This is the React component for the Crypto Coins Heatmap Widget
Example#
Used Private types#
| Type | Value |
|---|---|
| BlockSize | market_cap_calc / market_cap_diluted_calc / 24h_vol_cmc / tvl / 24h_vol_to_market_cap / market_cap_to_tvl |
| BlockColor | change|60 / change|240 / change / Perf.W / Perf.1M / Perf.3M / Perf.6M / Perf.Y / Perf.YTD / 24h_vol_change_cmc / 24h_vol_cmc / Volatility.D / Volatility.D / gap |
Used Public types#
| Type | Value |
|---|---|
| ColorTheme | light / dark |
Properties#
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
| dataSource | Crypto / CryptoWithoutBTC / CryptoWithoutStable / CryptoDefi | false | Crypto | Default dataSource |
| blockSize | BlockSize | false | market_cap_basic | Size of the blocks in the heatmap |
| blockColor | BlockColor | false | change | Color of the blocks in the heatmap |
| locale | Locales | false | en | Sets the default locale |
| autosize | boolean | false | false | Sets the width and height to 100% |
| symbolUrl | string | false | "" | Make widget redirect to symbol url |
| colorTheme | ColorTheme | false | light | Sets the default theme |
| isZoomEnabled | boolean | false | true | Enables zoom |
| hasTopBar | boolean | false | true | Enables top bar |
| isSetDataSetEnabled | boolean | false | true | Enables set data set button. Can only be enabled if hasTopBar is true |