Whats the point of having a beautiful dashboard if you can’t show the world
Graphdat launches embeddable, real time dashboards that you can add to any web page of your choosing. We know many of you have your own dashboards, your own way of keeping track of what is going on, and we support that, hell we love it! So make way for embeddable real time analytics and you don’t even have to have a paid account, we love you that much.
That is a real time graph of one of our production clusters (15 servers). You can click on the graph to see a legend, drag around to see historical data, zoom out to see larger sections of time (with the mouse wheel), etc… It is essentially everything you get within your Graphdat dashboard, except it is embedded in any web page you like.
How to do it? Very easy.
- Sign up at Graphdat.com. Fill in a couple of fields to get your trial account rolling.
Install the graphdat agent on any of the servers you want to track (once you sign up you will get instructions on the agent setup).
- With your Graphdat dash running, just click the embed button on the menu
- Here’s the embed dialog. Notice we have all our metrics on the left. The one we want is CPU.
- We just need to drag+drop the CPU metric to the upper left of the grid…
- Once we’ve dropped in CPU, let’s drag the corner so that it takes up the whole display
- For this graph we will turn off the header, legend, and slider
- To make it fit nicely onto our page we can set the background to transparent
- And finally, because our target web page has a white background we will set the light theme
- So look and feel are all fine, let’s copy the HTML
And here’s the snippet that was copied to my clipboard:
(Note: This iframe will be of the default width/height. You can add width=”your width” and height=”your height” tags to the iframe and the graphs will resize accordingly.)
Just paste that into the web page of your choice and we are good to go!
Now that we’ve got the embed working, we need to make the dashboard public so that the embedding can be displayed anywhere without the user viewing the web page to be logged into Graphdat. To do this we first open settings:
..then select Project on the left, and finally, click the lock icon in order to make the dash public
So as you’ve seen you can also add other graphs besides just CPU to this dashboard as well as other features but we’ll leave that for the reader.
Now you can watch your servers any place you want.