Review: 5 Options for Embedding Charts in a Web Page

A few weeks ago, I received an e-mail from the folks at Widgenie asking for a blog review of their newly launched service. Widgenie targets non-technical people looking for an easy way to create and publish charts or data visualizations on the web. As I began looking it over, I wondered whether this problem had been solved elsewhere. It has. I’ve summarized my experiences with five services that can help you go from data table to web chart with ease.

I evaluated the services across three criteria:

  1. Data upload: simple process, options for file types, control after loading data, ease of updating data.
  2. Chart options: different chart types, control of labels, axes, ordering data, and formatting.
  3. Chart design: effective data presentation, absence of chart junk.

A few things I didn’t worry about, but might be worth considering:

  • Managing charts that you have created
  • Animation or interactivity of charts (usually this is more distracting than useful)
  • Easy registration process
  • Performance across all the chart types

I gave each service a score of 1 (poor) to 3 (great) for each criteria. Top performers are highlighted in green.

Embedded Charts Solutions


Unlike some of the other solutions, Google Spreadsheet with charts/gadgets isn’t primarily about creating data visualizations. Nevertheless, in a few simple steps, you can upload data, create a good looking chart, and publish for the web.

One key advantage to Google Spreadsheets is that you can easily change and manipulate the data online. The chart output is clean and practical. The chart options are basic, but when you select gadgets rather than charts, you have a lot more visualization options. I was disappointed that it didn’t offer many options for formatting, which is frustrating in an application that is beginning to feel like Excel.


Widgenie is exclusively targeted at the problem of embedding web charts. Overall, I found Widgenie easy to use. The process for loading data and creating “widgets” was straightforward and obvious, if a bit linear (e.g. once you create a widget, you can’t go back to change the chart type). Widgenie offers an above-average number of publishing options, including embedding your charts in iGoogle, Blogger, and Facebook.

Unfortunately, Widgenie offers a lot more sizzle than steak. Its bold marketing statements include:

“the all-powerful data visualizer”

“Take your data and transform it into visual information that can be shared with anyone, anywhere. Your wish is our command!”

“We combine all the power of an enterprise-level business intelligence platform and provide it in a convenient Web 2.0 widget.”

A few of the issues I ran into:

  • Relentless use of “animated” 3D charts—where animated means it moves as it is drawn on the screen, not that it shows changes over time in movie format (now that could be powerful).
  • The tag cloud visualization, the lone advanced widget option, colors the text rather than sizing it. That isn’t the way tag clouds typically work.
  • Finally, as you can see from the image below, I wasn’t able to present my data in order of months (though I loaded it that way). When the data is labeled as text, it automatically gets sorted alphabetically. Changing it to date/time made things even worse.

Editor's note: We can't even embed the widgenie widget in the page because a coding problem with the widget caused all the links on this page to turn red. This problem only occurs with certain browsers.


Swivel isn’t directly aimed at the embedding charts market, but still does a competent job of delivering this capability when you select the “post to blog” option. Swivel offers a beautiful data upload process, but failed in its attempted to auto-define the chart type. Like Widgenie, Swivel struggled with ordering my data the way I wanted it, and somehow lost the order of my original data load.

The charts are generally clean and easy to read, but they’ve made a strange commitment to vertical grid background which doesn’t work for a column chart.

Swivel Embedded Chart


Many Eyes is brought to us by the big-time data visualization thinkers at IBM. They know the right way to present data, and it shows.

Unlike the other services, the only way to get data into Many Eyes is by pasting into a text box. When it comes to visualizing the data, however, Many Eyes offers a myriad of options. Using it to create a simple column chart feels like taking a Ferrari to the grocery store. It is worth checking out the word tree, treemap, network diagram, and proper tag cloud.

Like Swivel, Many Eyes was designed as an online community for the visualization of public data sets, yet it pulls of web chart publishing with ease. The one negative is the "click to interact" feature on the chart.


Zoho Sheet is an online spreadsheet like Google Spreadsheets. I was ready to fall for this one. Like Google Spreadsheet, I simply dropped in my data and selected the create chart button. You’d swear you were in Excel as it walks through the steps to selecting and customizing a chart. But then this came out…

Zoho Sheet - http://sheet.zoho.com

Fortunately, a Zoho'r explained in the comments how to change from this default view.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License. All source code is released under a BSD License unless otherwise specified.

13 comments | Show all comments only the last 5 are shown


September 30, 2008
Henry Baker said:

You might need to mention this site which has nice GUI for Google
chart api:
http://www.webchartwizard.com
I think that they are just using JavaScript.


October 18, 2008
Bram said:

There is a new simple tool just for creating charts and graphs online: http://www.onlinecharttool.com.

Choose from bar, line, radar, XY, bubble, meter and scatter charts and diagrams.

Charts can be saved as images or can be stored online and shared via email.


April 23, 2009
Melissa said:

Hello - Thank you for the useful review. I have been searching for a very long time for an effective online tool that allows me to create charts, edit the formatting (including colors of lines and background) and embed it into my website. I love the feature of Google docs that allows the embedded chart to be updated when the data changes, without having to recreate and reembed the chart. BUT, I have to find a way to also change the colors of the chart to fit in with my website. None of these services offers all of these features in one. This would be a huge niche for someone looking to make money and help out users.


November 22, 2009
Tania said:

Great post. I'm actually trying to insert a grid like the first chart you show... without any of the "chart graphics.
I'd like the grid to be something I can add to and build on over time... what would you suggest I use?
I'm working in Word Press.
Thanks,
Tania


December 22, 2009
Jim said:

If anyone comes out with an embeddable dynamic candlestick chart that doesnt suck please let me know.

Your name

Email (optional, will not be shared)

Type the word "juice" (required to confuse the spammers)

Your comment


Add a comment