New feature: embeddings!

In our efforts of improving the user experience and usability of Openaid.se we are now happy to announce the possibility of embedding the data from your search results to easily display it on your blog or website.

It’s very simple and clever. Perhaps even too clever, so a walkthrough of how to use the embedding function can be helpful.

What you see is what you get

Let’s say I am working on a blogpost that focuses on aid and education. I start by choosing the information I want to display, in this case all Sweden’s aid to all countries via all organisations for education, in 2014:

openaid-menu-capture-education

After I have made my search criteria, I can choose to export the results as an embed code. Before I do this I need to make sure that I’m displaying what I want to embed. A simple way to think about it is that what you see is what you get. In this case, I’m interested in showing how Swedish aid supports education in based on countries, so I choose to display countries before moving on to embedding the information.

embed blogg country eng
I’m now ready to export my chosen data as embed code:

embed blogg eng

I now have the choice of displaying my data as an overview which will display the total amount of aid going to my chosen search criteria. I can also choose to display the graph that shows the amount on a time axis. However, I want a more detailed display of how the aid is distributed between different types of organisations, so I choose list.

Screen Shot 2015-05-19 at 11.05.23

I’m quite happy with how this looks so I choose to copy the following embed code and paste it into the HTML of my blog:

<iframe width="500" height="400" src="https://openaid.se/widget/sweden/all-countries/all-organisations/education/2014/?sectors"></iframe>

And this is what it looks like:

 

I also have the option to adjust the height and width to suit my needs. Normally I would try to avoid the scrolling, but since the list is so long in this case I decide to keep it as it is.

Happy embedding from the Openaid team!

Tags: , ,

Leave a ReplyFields with * are required