DataMarket blog

Data, visualization and startup life

Embeds and Dashboards

with 7 comments

The dust is settling a little bit after our international launch last month. As mentioned, the feedback has been heart-warming and we’re happy to see that we’ve already established a sizable, devoted audience.

We strive to keep the interface and entire approach clean and simple, so some of the more advanced features have not been promoted a lot yet. One of them is the embed functionality. Any data that is available on DataMarket.com can be embedded in news articles, blog entries and other web content on other sites.

The simplest way to embed a graph is to use the “Embed on website” button below the data area once you’ve created a graph that you want to share with the world. Simply copy the code and paste into the HTML of any website, just as you would with an image, and you’ll get these beautiful, interactive charts on your own site. See – for example – this interesting blog entry from our very own genius developer Matt Riggott.

But there is more to it…

DIY Dashboards

Recently one of our customers launched the first dashboard that is entirely built with DataMarket embeds. This uses our – more advanced – custom embed API, a javascript implementation that allows web developers to control the entire look and feel of embeds, sizes and dimensions, color palettes, titles, etc. Take a look at Islandsbanki’s Geothermal Industry Dashboard (see also image on the right) to get an idea of what can be done using our custom embeds. All the tables and charts on this dashboard are configurations of embedded data from DataMarket. Live data that comes directly from our system: The customer doesn’t have to do anything to keep the dashboard and the data up-to-date, still they can at any time rearrange the dashboard, change the look and feel, add new components and so on.

If you’re interested in learning more about the custom embeds, drop us a line at sales@datamarket.com.

Finally, for the techies and visualization gurus: The new embeds are the first part of our system to use our new graph component (briefly discussed in my 2011 predictions). This is a solution that we have built on top of the fantastic Protovis library, but with additions to support older versions of Internet Explorer, rendering Protovis visualizations to VML instead of the native SVG. This will eventually make its way into our full application to replace the Flash-based amCharts solution, and following be released as open source code for others to use with Protovis elsewhere.

More about that later…

Written by Hjalmar Gislason

February 21, 2011 at 8:24 pm

Posted in Uncategorized

7 Responses

Subscribe to comments with RSS.

  1. [...] This post was mentioned on Twitter by DataMarket and DataMarket, DataMarket. DataMarket said: Embeds and Dashboards http://wp.me/pxlZz-50 [...]

  2. Hi,

    Great achievment for protovis. I think a lot of UI designers/developers are waiting for protovis to work in IE before implementing it more broadly. I am.

    Thanks for sharing it (soon ?).

    Good continuation,
    Regards

    Chris Evers

    February 25, 2011 at 4:58 pm

  3. [...] solution means that the other chart types – some of which have already been introduced in our embeds – are just around the corner. Expect bar charts, stacked area charts, stacked and grouped bar [...]

  4. [...] chart types can be linked to, shared, exported as high-resolution images (pro subscribers only) and embedded just as any other insights or visualizations you can build on [...]

  5. [...] It is the exact same thing as we are running to IE-enable the charts on DataMarket.com and in our embeds and dashboards with great [...]

  6. [...] for it, and hardly the right chart type for anything. Still frequently requested, especially by our chart embed users, so here it is. Expect changes – and guidelines telling users why they’ll really [...]

  7. [...] the updated chart types post for a rundown of all available chart types, and what they’re good for. Hint: One of them is [...]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 57 other followers

%d bloggers like this: