ether dashboard coding

Ask the community
, ,
1

Hi all -

I’m new to coding & Wix - my background is in finance/VC and I’m complimenting my academic and immersion efforts by building a website dedicated to various emerging tech sectors I follow on an investment front.

One of my passions is the highly speculative, but revolutionary cryptocurrency-blockchain space. As I currently track and invest in Ethereum, I’ve been looking to implement a dashboard onto my website that tracks Ethereum pricing from various free api’s available, alongside specific news RSS feeds and selected bloggers.

To initiate this project, I am looking to implement a simple ETH price tracking widget, perhaps with volume/price. Bitcoin, ETH and Zcash price widget, chart widget, news widget and multiple cryptocurrency widgets | CryptoCompare.com and Ethplorer - Widgets and Charts for Ethereum Tokens provides javascript code to use for the chart fully built out:

While other providers (e.g. Kraken) provide free ETH pricing data API’s, my novice (growing) coding knowledge is limited to simple implementation of pre-built codes with slight alterations.
Ideally, I am hoping to implement the Kraken API for this pricing data and utilize a google chart library or internal wix html to build out this chart. My goal is to build a chart slightly more advanced than the one attached in the image below.

Kraken API:
https://www.kraken.com/help/api#public-market-data

https://api.kraken.com/0/public/Ticker?pair=XETHZEUR,XXBTZUSD
{“error”:,“result”:{“XETHZEUR”:{“a”:[“241.00200”,“4”,“4.000”],“b”:[“241.00000”,“1”,“1.000”],“c”:[“240.10000”,“1.30483000”],“v”:[“122867.37660866”,“165760.75494554”],“p”:[“259.77305”,“264.31546”],“t”:[27712,39366],“l”:[“237.00000”,“237.00000”],“h”:[“300.00000”,“301.99200”],“o”:“299.94300”},“XXBTZUSD”:{“a”:[“4210.40000”,“1”,“1.000”],“b”:[“4205.75000”,“5”,“5.000”],“c”:[“4210.40000”,“0.00744544”],“v”:[“5443.98860571”,“7250.73018074”],“p”:[“4391.22276”,“4430.04351”],“t”:[13683,19050],“l”:[“4202.23000”,“4202.23000”],“h”:[“4660.00000”,“4699.99000”],“o”:“4645.00000”}}}

Here’s a mini ETH/USD Price API:
https://min-api.cryptocompare.com/data/price?fsym=ETH&tsyms=BTC,USD,EUR
{“BTC”:0.06862,“USD”:286,“EUR”:240.71}

Another…
http://coinmarketcap-nexuist.rhcloud.com/api/eth/price

I’ve looked at examples:

I am hoping to add the above chart/code onto a section on a Lightbox dedicated to Ethereum, Ethereum ICO’s and cryptocurrency VC.

Thus far, I have been unable to implement by creating a new .js file in my public utilizing a loadChart function and exporting it onto this page.

If you have any thoughts or suggestions, please advise. It would be greatly appreciated.

Art

2

You might want to look at the following resources to get you started:

An article about accessing 3rd party APIs: Velo: Accessing 3rd-Party Services with the Fetch API | Help Center | Wix.com
An example demonstrating how to create a chart: https://www.wix.com/code/home/example/Chart

3

Thanks Sam - After more digging, I realize I may have to write code with an API myself as above instead of adapting an existing widget.

In any case, further guidance is helpful. I’ll post progress here.

Art