|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>TradingView Widgets + News</title> |
|
|
<style> |
|
|
body { |
|
|
background-color: #0f0f0f; |
|
|
color: white; |
|
|
font-family: sans-serif; |
|
|
text-align: center; |
|
|
} |
|
|
.section { |
|
|
margin: 30px auto; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<h1>NhatTranView Dashboard</h1> |
|
|
|
|
|
<div class="section"> |
|
|
<h2>Market Overview</h2> |
|
|
|
|
|
<div class="tradingview-widget-container"> |
|
|
<div class="tradingview-widget-container__widget"></div> |
|
|
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div> |
|
|
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async> |
|
|
{ |
|
|
"symbols": [ |
|
|
{ |
|
|
"proName": "FOREXCOM:SPXUSD", |
|
|
"title": "S&P 500 Index" |
|
|
}, |
|
|
{ |
|
|
"description": "DJI", |
|
|
"proName": "FOREXCOM:DJI" |
|
|
}, |
|
|
{ |
|
|
"description": "NASDAQ", |
|
|
"proName": "FOREXCOM:NSXUSD" |
|
|
}, |
|
|
{ |
|
|
"description": "BITCOIN", |
|
|
"proName": "INDEX:BTCUSD" |
|
|
}, |
|
|
{ |
|
|
"description": "GOLD", |
|
|
"proName": "CAPITALCOM:GOLD" |
|
|
}, |
|
|
{ |
|
|
"description": "VIX", |
|
|
"proName": "FXOPEN:VIX" |
|
|
} |
|
|
], |
|
|
"showSymbolLogo": true, |
|
|
"isTransparent": false, |
|
|
"displayMode": "compact", |
|
|
"colorTheme": "dark", |
|
|
"locale": "en" |
|
|
} |
|
|
</script> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="section"> |
|
|
<h2>Market Events</h2> |
|
|
<div class="tradingview-widget-container"> |
|
|
<div class="tradingview-widget-container__widget"></div> |
|
|
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async> |
|
|
{ |
|
|
"colorTheme": "dark", |
|
|
"isTransparent": false, |
|
|
"width": "420", |
|
|
"height": "550", |
|
|
"locale": "en", |
|
|
"importanceFilter": "-1,0,1", |
|
|
"countryFilter": "us" |
|
|
} |
|
|
</script> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section"> |
|
|
<h2>Heat Map</h2> |
|
|
|
|
|
|
|
|
|
|
|
<div class="tradingview-widget-container"> |
|
|
<div class="tradingview-widget-container__widget"></div> |
|
|
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div> |
|
|
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-stock-heatmap.js" async> |
|
|
{ |
|
|
"exchanges": [], |
|
|
"dataSource": "SPX500", |
|
|
"grouping": "sector", |
|
|
"blockSize": "market_cap_basic", |
|
|
"blockColor": "change", |
|
|
"locale": "en", |
|
|
"symbolUrl": "", |
|
|
"colorTheme": "dark", |
|
|
"hasTopBar": false, |
|
|
"isDataSetEnabled": false, |
|
|
"isZoomEnabled": true, |
|
|
"hasSymbolTooltip": true, |
|
|
"isMonoSize": false, |
|
|
"width": 420, |
|
|
"height": 550 |
|
|
} |
|
|
</script> |
|
|
</div> |
|
|
|
|
|
|
|
|
</body> |
|
|
</html> |
