File size: 3,096 Bytes
a38a635 fbffbd6 a38a635 0e11540 4dd33c9 a38a635 9c0d831 ece1448 9c0d831 75ec1f0 9c0d831 ece1448 75ec1f0 28f0fb1 ece1448 9c0d831 75ec1f0 28f0fb1 9c0d831 75ec1f0 9c0d831 75ec1f0 9c0d831 ece1448 75ec1f0 9c0d831 75ec1f0 3b94ff4 4dd33c9 3b94ff4 e9c0f65 3b94ff4 9c0d831 a38a635 ece1448 4dd33c9 a38a635 4dd33c9 7b31539 dbef9b4 4dd33c9 fbffbd6 a38a635 fbffbd6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 |
<!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>
<!-- Widget 1: Market Overview -->
<div class="section">
<h2>Market Overview</h2>
<!-- TradingView Widget BEGIN -->
<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>
<!-- TradingView Widget END -->
<!-- Widget 2: Market Events -->
<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>
<!-- Widget 3: Heat Map -->
<div class="section">
<h2>Heat Map</h2>
<!-- TradingView Widget BEGIN -->
<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>
<!-- TradingView Widget END -->
</body>
</html> |