diff --git a/Day #39 - Tradingview Widget/Method-2/index.html b/Day #39 - Tradingview Widget/Method-2/index.html new file mode 100644 index 0000000..e135d9c --- /dev/null +++ b/Day #39 - Tradingview Widget/Method-2/index.html @@ -0,0 +1,58 @@ + + + + + + + + Day #39 - Tradingview Api - Method #2 | AsmrProg + + + + + +
+
+ + + +
+ + + + + + + \ No newline at end of file diff --git a/Day #39 - Tradingview Widget/Method-2/style.css b/Day #39 - Tradingview Widget/Method-2/style.css new file mode 100644 index 0000000..556c7be --- /dev/null +++ b/Day #39 - Tradingview Widget/Method-2/style.css @@ -0,0 +1,4 @@ +#tradingview_33f92{ + width: 100%; + height: 100vh; +} \ No newline at end of file diff --git a/Day #39 - Tradingview Widget/README.md b/Day #39 - Tradingview Widget/README.md new file mode 100644 index 0000000..29dd9fc --- /dev/null +++ b/Day #39 - Tradingview Widget/README.md @@ -0,0 +1,10 @@ +# Day #39 + +### Tradingview Widget +In this tutorial ([Open in Youtube](https://youtu.be/zAwzrIHP7wE)), I am gonna showing to you how to use tradingview widget api in javascript. Also this code is fully responsive and we show you 2 method of coding for it❗️ + +# Screenshot +Here we have project screenshot : + +![screenshot](screenshot.png) +![screenshot](screenshot2.png) diff --git a/Day #39 - Tradingview Widget/index.html b/Day #39 - Tradingview Widget/index.html new file mode 100644 index 0000000..cc733d8 --- /dev/null +++ b/Day #39 - Tradingview Widget/index.html @@ -0,0 +1,29 @@ + + + + + + + + Day #39 - Tradingview Widget | AsmrProg + + + + +
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/Day #39 - Tradingview Widget/index.js b/Day #39 - Tradingview Widget/index.js new file mode 100644 index 0000000..e253f76 --- /dev/null +++ b/Day #39 - Tradingview Widget/index.js @@ -0,0 +1,30 @@ +new TradingView.widget( + { + "autosize": true, + "symbol": "BINANCE:BTCUSDT", + "interval": "240", + "timezzone": "Etc/Utc", + "theme": "dark", + "style": "1", + "locale": "en", + "toolbar_bg": "#f1f3f6", + "enable_publishing": true, + "withdateranges": false, + "hide_side_toolbar": true, + "allow_symbol_change": true, + "watchlist": [ + "BINANCE:BTCUSDT", + "BINANCE:ETHUSDT" + ], + "details": true, + "hotlist": true, + "calendar": true, + "studies": [ + "STD;SMA" + ], + "container_id": "chart", + "show_popup_button": true, + "popup_width": "1000", + "popup_height": "650" + } +); \ No newline at end of file diff --git a/Day #39 - Tradingview Widget/screenshot.png b/Day #39 - Tradingview Widget/screenshot.png new file mode 100644 index 0000000..6a1e6d5 Binary files /dev/null and b/Day #39 - Tradingview Widget/screenshot.png differ diff --git a/Day #39 - Tradingview Widget/screenshot2.png b/Day #39 - Tradingview Widget/screenshot2.png new file mode 100644 index 0000000..c55d130 Binary files /dev/null and b/Day #39 - Tradingview Widget/screenshot2.png differ diff --git a/Day #39 - Tradingview Widget/style.css b/Day #39 - Tradingview Widget/style.css new file mode 100644 index 0000000..156dba0 --- /dev/null +++ b/Day #39 - Tradingview Widget/style.css @@ -0,0 +1,10 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +#chart{ + width: 100%; + height: 100vh; +} \ No newline at end of file diff --git a/README.md b/README.md index 5ae41fb..afb3b84 100644 --- a/README.md +++ b/README.md @@ -48,8 +48,9 @@ Here we have list of projects: 36. Stock Tracker App 37. Box Shadow Generator 38. Movie App (TheMovieDB) +39. Tradingview Widget -## Where is rest 62 Projects +## Where is rest 61 Projects We create a project each 3 days with voting on our Youtube channel. You can vote for upcoming projects on our channel **community** page :wink: \ No newline at end of file