Link to home
Start Free TrialLog in
Avatar of A Nielsen
A Nielsen

asked on

How is this dynamic chart updated?

The link:

http://www.kingislandrenewableenergy.com.au/kiapp-dashboard/dashboard.html

produces a chart that seems to be constantly updating. I would like to do something similar.

I used a sniffer - HTTP Analyzer V7 - to try and understand how the requests are made so that data is sent to the web page. However, I have not been able to find the GET or POST that should be periodically getting more data. I am lost.

How does this thing work?
Avatar of David Favor
David Favor
Flag of United States of America image

You can see the answer to your question by running FireFox CMD + I (show media) + scrolling through all the media on this site.

The answer is, they accomplish this in a very heavy weight, old school approach using many .png images... not even sprites...

If I were doing this, I'd use an .svg image, which will be must easier to implement + maintain.
Avatar of Tobias Bühler
Tobias Bühler

depending on the goal. i would use one of those librares:

http://bonsaijs.org/
http://mojs.io/
http://snapsvg.io
https://d3js.org/
Avatar of A Nielsen

ASKER

David Favor,

I am using Windows, and I suspect that FireFox CMD + I (show media) is for the Macintosh. I searched for "Firefox show media" and was unable to find anything pertinent. Can you send a link that explains what it is that you mean?

Assuming that what you said about .png images is correct, why are these images only sent once - when the link shows that the data is constantly being updated. My sniffer was unable to detect any such .png files. Can you send the link to any such .png file?

I let my sniffer run for 30 minutes with no updates to the data. Every 5 minutes a GET to the following URL is called:

https://data.ajenti.com.au/live/signalr/ping?_=1506901633356

and it returns { "Response": "pong" }

not much data there!
Tobias Bühler,

My question is very specific as to how this particular chart is functioning. You replied with a list of libraries that seem to have nothing to do with the question.
This question needs an answer!
Become an EE member today
7 DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform.
View membership options
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.