Embedding Data View

Raspberry Shake Education
1

Hi,

I’ve recently purchased two shakes for my school, which will be located at two different schools. I’d like to embed the data view graph for both shakes next to each other on our school TV. That way kids can compare the data from both shakes and identify major events that appear on both, rather than local events that appear on one.

I cannot though work out how to embed the graphs without the side search bar showing.

I must admit my coding skills are limited, which I suspect is holding me back here. Anyway is it possible to embed just the graph without the search bar on the left hand side of the page, and if so how do I do that?

Thanks, Jamie

1 Like
2

Hello Jamie, and welcome to our community!

That is great! I hope you and all your students will enjoy working with our Raspberry Shakes!

It is no trouble at all. It depends on which DataView window you want to embed. If you would like to embed the Shakes’ live stream, you can use the code below:

<iframe width="500" height="350" src="https://dataview.raspberryshake.org/#/embed/AM/XXXXX/00/EHZ"></iframe>

changing the five “X” to your Shake code. You can also resize the window by modifying the width and height (given in pixels) in the same code.

If, instead, you would like to embed the entire helicorder view (as I think I understand), you can use a similar code:

<iframe width="1200px" height="1000px"src="https://dataview.raspberryshake.org/#/AM/XXXXX/00/EHZ"></iframe>

Then, to remove the search menu on the left, you can click on the little “hamburger” menu icon high on the left:
image

And the helicorder will fill the entire view.

If you need anything else, just let me know.

3

A post was merged into an existing topic: How to set embded Windowlength

4

Many thanks Stormchaser & F4HTB for your suggestions.

I don’t actually seem to be able to remove the sidebar within the embed by clicking the gear icon, but I will persevere with that.

It’s very possible I’m not doing something correctly just yet. Alternatively google sites is limiting the functionality I have with an embedded website. Like I say I will keep trying.

I do, though, using your suggested code and a couple of tweeks:

Have a functioning website with the graphs showing real time one over the other, which is great, and gives the kids something to compare.

Thanks again, J

2 Likes
5

Hello Jamiestr,

Could you post a screenshot of your iframe in action? I’d like to see what we are working with, so that I may be able to offer a solution.

If you can, post your entire page code too. Having a duplicate that I can work on could be useful.

Thank you!