Skip to main content

Crypto Coins Heatmap Widget

This is the React component for the Crypto Coins Heatmap Widget


import { CryptoCoinsHeatmap } from "react-ts-tradingview-widgets";
<CryptoCoinsHeatmap colorTheme="dark"></CryptoCoinsHeatmap>

Used Private types#

BlockSizemarket_cap_calc / market_cap_diluted_calc / 24h_vol_cmc / tvl / 24h_vol_to_market_cap / market_cap_to_tvl
BlockColorchange|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#

ColorThemelight / dark


dataSourceCrypto / CryptoWithoutBTC / CryptoWithoutStable / CryptoDefifalseCryptoDefault dataSource
blockSizeBlockSizefalsemarket_cap_basicSize of the blocks in the heatmap
blockColorBlockColorfalsechangeColor of the blocks in the heatmap
localeLocalesfalseenSets the default locale
autosizebooleanfalsefalseSets the width and height to 100%
symbolUrlstringfalse""Make widget redirect to symbol url
colorThemeColorThemefalselightSets the default theme
isZoomEnabledbooleanfalsetrueEnables zoom
hasTopBarbooleanfalsetrueEnables top bar
isSetDataSetEnabledbooleanfalsetrueEnables set data set button. Can only be enabled if hasTopBar is true