earthcubeprojects-chords / chords

EarthCube CHORDS application code
GNU General Public License v2.0
25 stars 13 forks source link

Embed the CHORDS Grafana anemometer display for a UCAR SciEd web page #465

Closed daniels303 closed 6 years ago

daniels303 commented 6 years ago

Please see the email below. We would also want to highlight that these data are provided by the CHORDS project (preferably with a link to the chordsrt.com site).

Thanks, Mike Hello CHORDS team,

See the attached email from Tim Barnes. SciEd is considering embedding a grafana plot of the ML sonic anemometer in a web exhibit, and it looks like Sharon is not able to get the embedding to work. I've replied to Tim that I would ask for your help with this, and I've also mentioned that I wasn't sure how much we can commit to supporting such an interface long-term for a full-time visitor exhibit. The grafana plotting seems like a natural solution for the visitor exhibit, but does that mean I need to stand up a chords portal and start supporting it in case someday the demonstration portal is taken down or moved to other datastreams? I'm not opposed to that, but it is some extra work. And maybe grafana is not the best option given the plots that Sophia developed this summer?

In the meanwhile, does someone want to help Sharon with the grafana embedding, so she can see that it works and try it out? Anyone have any other ideas we should talk about?

Thanks, Gary

---------- Forwarded message ---------- From: Tim Barnes tbarnes@ucar.edu To: Gary Granger granger@ucar.edu Cc: Bcc: Date: Wed, 15 Aug 2018 23:08:45 -0600 Subject: Anemometer Data from the ML used for the Instrumentation Exhibit Hi Gary,

Tim Barnes here. We [SciEd] are trying to determine if we should by an iPad to display the wind data but our web engineer, Sharon Clark, can't get the interface to allow her to access the data to find out if she can import it into exhibit environment. Can you answer her question?

[From Sharon Clark] "If you click one of the headers, there’s a share option where you can get an html iframe to embed that graph into another webpage. However, it says the owner of the graphs has to allow anonymous users for embedding into another site to work. I tried that on a page in scied and nothing showed so I think they have not allowed anonymous access. If they don’t do that then we definitely cannot use this. If they do allow it, then we can try some stuff out to see if it fits our needs."

"Show them this, the highlighted notice is what we need so I can try embedding this screen to see what is possible and if it'll work for our needs and on a touchscreen."

MisterMartin commented 6 years ago

Anonymous user access is already enabled the CHORDS grafana servers.

I was able to get it to work, but I had to modify the link that is provided by the sharing->embed link. I finally got the following to work:

<iframe src="http://portal.chordsrt.com:3000/d-solo/000000015/5-ml-sonic?refresh=1m&orgId=1&panelId=1&from=now-1h&to=now" width="800" height="600" frameborder="0"></iframe>

It seems that d-solo and panelId work in concert; and fullscreen must not be specified. Note the refresh rate and the time specifiers. It would be polite not to refresh too frequently.

I have embedded this in http://ncar.github.io/chords/grafana.html as a demonstration (the only public web site I have easy access to). I'll keep this available for a little while, but will eventually remove it, since it doesn't really belong there.