https://github.com/an-autodidact/html-crypto-currency-chart-snippets

💹 Simple HTML Snippets to create Tickers / Charts of Cryptocurrencies with the TradingView API 💹
https://github.com/an-autodidact/html-crypto-currency-chart-snippets

btc candlestick candlestick-chart chart crypto cryptocurrency eth ethereum example finance financial-analysis html indicators iota market rsi simple stochastic ticker trading

Last synced: 1 day ago
JSON representation

💹 Simple HTML Snippets to create Tickers / Charts of Cryptocurrencies with the TradingView API 💹

Host: GitHub
URL: https://github.com/an-autodidact/html-crypto-currency-chart-snippets
Owner: an-autodidact
License: mit
Created: 2025-01-21T00:57:08.000Z (9 months ago)
Default Branch: main
Last Pushed: 2025-01-26T20:22:35.000Z (8 months ago)
Last Synced: 2025-03-24T03:46:27.637Z (7 months ago)
Topics: btc, candlestick, candlestick-chart, chart, crypto, cryptocurrency, eth, ethereum, example, finance, financial-analysis, html, indicators, iota, market, rsi, simple, stochastic, ticker, trading
Language: HTML
Homepage: https://ayidouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Ticker
Size: 655 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

          # 💹 HTML Crypto Currency Chart Snippets 💹

💹 Simple HTML Snippets to create Tickers / Charts of Cryptocurrencies with the TradingView API 💹

![Customizable Cryptocurrency Dashboard with Chart Candlestick Price Movement Volume Stoch RSI](Images/Customizable-Cryptocurrency-Dashboard-with-Chart-Binance.png)

## [💹 Candlestick Chart with Indicators 💹](https://idouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Chart)

![Crypto Currency Chart Cryptocurrencies Candle Candlestick with indicators TradingView API RSI Stoch](Images/Chart.png)

```



  

  

IOTUSD Chart by TradingView

  

  

  new TradingView.widget(

  {

  "autosize": true,

  "symbol": "BINANCE:IOTAUSD",

  "interval": "D",

  "timezone": "Europe/Zurich",

  "theme": "Dark",

  "style": "1",

  "locale": "en",

  "toolbar_bg": "#f1f3f6",

  "enable_publishing": false,

  "hide_side_toolbar": false,

  "allow_symbol_change": true,

  "studies": [

    "RSI@tv-basicstudies",

    "StochasticRSI@tv-basicstudies"

  ],

  "container_id": "tradingview_74048"

}

  );

  



```

## [💲 Crypto Currency Ticker 💲](https://idouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Ticker)

![Crypto Currency Ticker Cryptocurrencies Chart TradingView API](Images/Crypto-Ticker.png)

```



  

  

Quotes by TradingView

  

  {

  "symbols": [

    {

      "description": "",

      "proName": "COINBASE:BTCUSD"

    },

    {

      "description": "",

      "proName": "COINBASE:ETHUSD"

    },

    {

      "description": "",

      "proName": "BINANCE:IOTAUSD"

    }

  ],

  "colorTheme": "dark",

  "isTransparent": false,

  "locale": "en"

}

  



```

## [💲 Crypto Currency Ticker Tape 💲](https://idouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Ticker-Tape)

![Crypto Currency Ticker Cryptocurrencies Chart TradingView API](Images/Crypto-Currency-Ticker.png)

```



  

  

Ticker Tape by TradingView

  

  {

  "symbols": [

    {

      "description": "",

      "proName": "COINBASE:BTCUSD"

    },

    {

      "description": "",

      "proName": "COINBASE:ETHUSD"

    },

    {

      "description": "",

      "proName": "BINANCE:IOTAUSD"

    }

  ],

  "colorTheme": "dark",

  "isTransparent": false,

  "displayMode": "adaptive",

  "locale": "en"

}

  



```

## [💹 Mini Chart 💹](https://idouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Mini-Chart)

![Crypto Currency Mini Chart Cryptocurrencies TradingView API](Images/Mini-Chart.png)

```



  

  

IOTUSD Rates by TradingView

  

  {

  "symbol": "BINANCE:IDEXUSD",

  "width": "100%",

  "height": "100%",

  "locale": "en",

  "dateRange": "12m",

  "colorTheme": "dark",

  "trendLineColor": "rgba(164, 194, 244, 1)",

  "underLineColor": "rgba(201, 218, 248, 0.15)",

  "isTransparent": false,

  "autosize": true,

  "largeChartUrl": ""

}

  



```

## [💹 Overview Chart 💹](https://idouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Overview-Chart)

![Crypto Currency Overview Chart Cryptocurrencies Chart TradingView API](Images/Overview-Chart.png)

```



  

  

BTC, ETH and IOT Quotes by TradingView

  

  

  new TradingView.MediumWidget(

  {

  "container_id": "tv-medium-widget",

  "symbols": [

    [

      "BTC",

      "COINBASE:BTCUSD|12m"

    ],

    [

      "ETH",

      "COINBASE:ETHUSD|12m"

    ],

    [

      "IOT",

      "BINANCE:IOTAUSD|12m"

    ]

  ],

  "greyText": "Quotes by",

  "gridLineColor": "#e9e9ea",

  "fontColor": "#83888D",

  "underLineColor": "#dbeffb",

  "trendLineColor": "#4bafe9",

  "width": "100%",

  "height": "100%",

  "locale": "en"

}

  );

  



```

## [💹 Technical Analysis 💹](https://idouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Technical-Analysis)

![Crypto Currency Technical Analysis Cryptocurrencies Symbol TradingView API](Images/Technical-Analysis.png)

```



  

  

Technical Analysis for BTCUSD by TradingView

  

  {

  "showIntervalTabs": true,

  "width": "100%",

  "colorTheme": "dark",

  "isTransparent": false,

  "locale": "en",

  "symbol": "COINBASE:BTCUSD",

  "interval": "1W",

  "height": "100%"

}

  



```

## [💲 Single Ticker 💲](https://idouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Single-Ticker)

![Crypto Currency Single Ticker Cryptocurrencies Bitcoin TradingView API](Images/Single-Ticker.png)

```



  

  

BTCUSD Rates by TradingView

  

  {

  "symbol": "COINBASE:BTCUSD",

  "width": "100%",

  "colorTheme": "dark",

  "isTransparent": false,

  "locale": "en"

}

  



```

## [💲 Symbol Info 💲](https://idouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Symbol-Info)

![Crypto Currency Symbol Info Cryptocurrencies Bancor BNT TradingView API](Images/Symbol-Info.png)

```



  

  Track all markets on TradingView

  

  {

  "symbol": "BINANCE:IDEXUSD",

  "width": "100%",

  "locale": "en",

  "colorTheme": "dark",

  "isTransparent": false

}

  



```

![Binance Ready to give crypto a try ? buy bitcoin and other cryptocurrencies on binance](Images/binance.jpg)

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/an-autodidact/html-crypto-currency-chart-snippets

Awesome Lists containing this project

README