MoC Stats & Charts

Embed MOC Charts on your website

Getting started

Include the scripts before the end of the </head> tag in your <HTML> document:

<head>
 ...
<script src="https://api.moneyonchain.com/static/scripts/plotly.js"></script>
<script src="https://api.moneyonchain.com/stats.js"></script>
</head>

TVL in the system (BTC)

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chartBTC"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.btc_in_system("mocMainnet2", "chartBTC");
  </script>
<!-- END CHART -->

TVL in the system (USD)

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chartUSD"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.usd_in_system("mocMainnet2", "chartUSD");
  </script>
<!-- END CHART -->

BPro vs. BTC

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chartAll"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.col_vs_pro_all("mocMainnet2", "chartAll");
  </script>
<!-- END CHART -->

BPro vs. BTC, last year

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chart1yr"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.col_vs_pro_1yr("mocMainnet2", "chart1yr");
  </script>
<!-- END CHART -->

Total tokens supply

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chart_supply"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.total_supply("mocMainnet2", "chart_supply");
  </script>
<!-- END CHART -->

BPro vs. BTC, last year (percentuale difference)

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chart1yr_diff"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.col_vs_pro_diff_1yr("mocMainnet2", "chart1yr_diff");
  </script>
<!-- END CHART -->

BPro vs. BTC, last year (mix)

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chart1yr_mix"
    style="min-width:30em;width:100%;height:35em;"></div>
  <script>
    MoCChart.col_vs_pro_mix_1yr("mocMainnet2", "chart1yr_mix");
  </script>
<!-- END CHART -->

BPro vs. BTC, last 30 days

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chart30d"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.col_vs_pro_30d("mocMainnet2", "chart30d");
  </script>
<!-- END CHART -->

BPro vs. BTC, last 30 days (percentuale difference)

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chart30d_diff"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.col_vs_pro_diff_30d("mocMainnet2", "chart30d_diff");
  </script>
<!-- END CHART -->

BPro vs. BTC, last 24 hours

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chart24h"
    style="width:40em;height:20em;"></div>
  <script>
    MoCChart.col_vs_pro_24h("mocMainnet2", "chart24h");
  </script>
<!-- END CHART -->

BPro, last 24 hours

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chartBPro24h"
    style="width:30em;height:10em;"></div>
  <script>
    MoCChart.pro_24h("mocMainnet2", "chartBPro24h");
  </script>
<!-- END CHART -->

BTC, last 24 hours

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chartBTC24h"
    style="width:30em;height:10em;"></div>
  <script>
    MoCChart.col_24h("mocMainnet2", "chartBTC24h");
  </script>
<!-- END CHART -->

BPro vs. BTC, last year (without annotations)

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chart1yr_na"
    style="min-width:30em;width:100%;height:30em;"></div>
  <script>
    MoCChart.col_vs_pro_1yr_no_annotations("mocMainnet2", "chart1yr_na");
  </script>
<!-- END CHART -->

Free BPro Leverage

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div id="chartProLeverage"></div>
  <script>
    MoCChart.pro_leverage("mocMainnet2", "chartProLeverage");
  </script>
<!-- END CHART -->

Historical free BPro Leverage

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chartProLeverageAll"
    style="min-width:30em;width:100%;height:20em;"></div>
  <script>
    MoCChart.pro_leverage_all("mocMainnet2", "chartProLeverageAll");
  </script>
<!-- END CHART -->

BTCX Leverage

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div id="chartXleverage"></div>
  <script>
    MoCChart.x_leverage("mocMainnet2", "chartXleverage");
  </script>
<!-- END CHART -->

Historical BTCX Leverage

To embed this graphic on your website

Please copy the code below and paste it into the code of your website:

<!-- START CHART -->
  <div
    id="chartXleverageAll"
    style="min-width:30em;width:100%;height:20em;"></div>
  <script>
    MoCChart.x_leverage_all("mocMainnet2", "chartXleverageAll");
  </script>
<!-- END CHART -->

More complex charts

Try it on JSFiddle.

Public API Rest

You can browse our public API Rest.