Review: 5 Options for Embedding Charts in a Web Page
By Zach Gemignani
July 22, 2008
Find more about:
chart
graph
widgenie
swivel
manyeyes
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:
- Data upload: simple process, options for file types, control after loading data, ease of updating data.
- Chart options: different chart types, control of labels, axes, ordering data, and formatting.
- 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.

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.
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…

Fortunately, a Zoho'r explained in the comments how to change from this default view.
Godin Dumps on Bar Charts; Data Visualization Record Falls to 1 and 1
By Zach Gemignani
July 13, 2008
Find more about:
chart
graph
visualization
Seth Godin, well-known marketing guru, took a strong and misguided stand against bar charts1 in a recent blog post entitled “The three laws of great graphs”
Godin suggests that bar charts (and presumably other chart types like scatterplots, bubble charts, bullet charts, treemaps, etc.) give too much latitude for data confusion and ambiguity when used in presentations. In Godin’s view, a chart should make a single, clear point and leave no room for alternative conclusions.
“The only reason (did I mention only) to use a chart in a presentation is to make a point. If you want to prove some deep insight or give people textured data to draw their own conclusions, DON’T put it in a presentation.” “If the facts demand nuance, don’t use a graph, because you won’t get nuance, you’ll get confusion.”
Godin had hit on a similar point a while back when he critiqued Edward Tufte’s favorite infographic Napoleon’s March to Moscow.
“I think [Tufte] is completely out of his gourd and totally wrong. I think this is one of the worst graphs ever made…To make me take 15 minutes to study it doesn’t make sense.”
I agree that complex infographics aren’t an effective communication mechanism for many audiences, particularly if you are interested in telling a focused story.
Unfortunately, he uses this reasonable foundation as a jumping off point to claim that bar charts are overrated and unnecessary (he throws in a heinous 3D column chart for emphasis). “The problem with bar charts,” he says “is that they should either be line/area charts (when graphing a change over time, like unemployment rates) or they should be a simple pie chart”
That popping sound you hear is Stephen Few’s head bursting.
It is reasonable to argue that a value changing over time is often better suited to a line or area chart. But pie better than bar. Sorry, no can buy. He obviously got some flak after this first post:
“I stepped on the toes of many data presentation purists2 yesterday, so let me reiterate my point to make it crystal clear: In a presentation to non-scientists (or to bored scientists), the purpose of a chart or graph is to make one point, vividly. Tell a story and move on. If you can’t be both vivid and truthful, it doesn’t belong in your presentation.”
His follow-up post Bar graphs vs. Pie charts attempts to solidify his argument but ends up stepping in more goo. To make his point, he shows a effective pie chart versus an ineffective bar chart.


In a not so subtle sleight of hand, he has added another data series to the bar chart to show how it doesn’t make a single, clear point. As my colleague Pete likes to say, if my aunt had…
His argument appears to boil down to a belief that pie charts are so simple that it is impossible to deviate from his one-point-per-chart rule. Or put another way: presenters can’t be trusted to follow this rule, so best to take away anything dangerous. This parallels the misplaced anger people have toward PowerPoint. I wrote a post called A Poor Craftsman Blames His Tools.
That question aside, I reject his rejection of bar charts for a number of reasons:
- There is a lot of evidence that bar charts are superior to pie charts even when showing simple data. Bar charts allow for better labeling and show relative size more effectively.
- Pie charts are the most frequently mis-used charts in my experience. There seems to be an irresistible need to craft animated, 3D, shiny pies — all of which adds zero communication value.
- Restricting data presentation to a few chart types limits your ability to communicate. Scatterplots, for example, can carry powerful and clear messages about relationships between variables.
- If the data and message is super simple (as Godin would want), using a chart is likely a waste of pixels. In his pie chart above, the only message he wants to convey is that trolls rule. Why not simply state: “Trolls are the largest segment with 45% share” and leave out the chart.
- Bar charts can show trends and magnitudes simultaneously. I don’t believe this has to be a liability in communication, nor should they always be separated. If I wanted to show that trolls are both the biggest segment and the fastest growing, breaking those facts into separate slides seems more distracting than useful. The points are tightly linked and supportive of each other.
1. The “bar” chart that Godin refers to is actually a column chart. I’ll use the term bar charts to refer to both bar and column charts in this post. However, the distinction between these two chart types is important as each chart is appropriate in different circumstances. For example, when there are a lot of categories, a (true) bar chart allows for much clearer labeling.
2. “Purists” seems to be used to label the objectors as a bunch of academics who don’t appreciate the realities of the business world. If you’re a loyal reader of our blog, you know that is a stick we prefer to use on others.
11 comments | Show all comments only the last 5 are shown
Andy Cotgreave said:
While he's come in for a lot of justifiable slack, one point that all the data visualisation purists are missing is:
Godin says that charts *in* *a* *presentation* should only make one point. A lot of the flak thrown at him seems to have missed this point. A chart that ticks all of the boxes for good data visualisation may still be inappropriate for a presentation.
That said, his pie-chart is awful.
Jon Peltier said:
Andy -
Use the entire quote: "In a presentation to non-scientists (or to bored scientists), the purpose of a chart or graph is to make one point, vividly." In other words, in a presentation to an audience too dumb to understand a real chart. This smacks of "You can't handle the truth", which I referenced in my post yesterday, <a href="http://peltiertech.com/WordPress/2008/07/13/on-seth-godin-on-charts/">On Seth Godin on Charts</a>.
To make a point, said Derek, a commenter to another recent post of mine, "[t]hen a cartoon picture of a scary big troll would be even better at getting the message across."
Jorge Camoes said:
Andy is right. This must be discussed in the context of a (PowerPoint) presentation, and not in a broader context of information visualization.
I believe Godin wants to improve the quality of PP presentations as much as we all do. He left a comment in my blog post were that is even clearer (PP presentations are "arid wastelands o Microsoft encouraged noise and nonsense" and simples changes could make them a lot better).
His "laws" are not the ones that I would choose, but I don't find a consistent theory for better presentations in a business context. Lessig? Garr? Tufte? Love them all. But can their ideas be applied in a production environment? Hardly. (You can use Illustrator to create your next sales charts...)
Jim Linnehan said:
Zach, your colleague Pete sounds like a valuable team member.
At any rate, no wonder Godin takes his position on "Napoleon": Godin and Tufte are in different worlds. The simple contrast is the marketing guy vs. the anti-marketing guy.
Picking nits:
"[Godin] obviously got some flak after this first post..." Here you mean "flack."
"In a not so subtle slight of hand..." Here you mean "sleight-of-hand."
Zach said:
@Jim: flak is right; slight is wrong and fixed. Thanks.
Andrew said:
I noticed Seth's advice includes using animation. I think this is in contradiction to his goal of being "vivid and truthful" in a presentation. Animation certainly can make things vivid since we (humans) are a highly visual species. But animation does not necessarily lead to truth. I read a paper recently that indicated that the misapplication of animation can lead observers to a false causal mechanism because of our propensity for visual thinking. Since marketing is persuasion, and persuasion is somewhere between truth and lies, then Seth is correct in that animation is a marketing tool (just don't mix it with knowledge discovery purposes).
Mike Hayden said:
I proudly consider myself firmly planted in Godin's "data presentation purists" category and I had to take a deep breath before allowing myself near my keyboard after reading this post.
Why on earth would anyone in "marketing" care about being "truthful" in a presentation?
I think Tufte is on the right track. Let the story tellers have their PowerPoint presentations and leave well crafted information presentations to the people who would like to have the necessary details available to them when a decision needs to be made. I always assume my audience falls into the later category.
Madan said:
The sad truth is that most people seem to prefer pie charts. Why I can't explain (perhaps it's related to median IQ or that nobody really wants to have to think), but that's been my experience. In my own orginization I've tried mightily to help educate the people who distribute key reports to use bar/column charts, but the net result of this effort has been null. Enter Sisyphus...
Robbin Steif said:
Well, a poor craftsman may blame his tools, and didn't you blame Powerpoint about 18 months ago, and write him a letter, telling him you weren't going to use him, and what a lousy thanksgiving it must have been for Powerpoint with his poor sister, MSWord, who has troubles of her own, now that people use Google Docs too? Which was one of the most fabulous ways of presenting information (the letter), even if it wasn't numeric.
Fazal Majid said:
I flipped the bozo bit on Godin a long time ago and instructed my RSS feed reader to discard any article mentioning him, which is why I did not see this post when it came out.
His recommendations pertain to marketing presentations, where logic, truth, objectivity or rational thinking are not just superfluous, but actively discouraged as they interfere with the task at hand, i.e. shilling for whatever Godin is shilling for at the moment (usually, Seth Godin himself).
Jared said:
An exception to Godin's point is when the client has to decide whether there's a story to tell. If a client asks to see a broad range of data regardless of your opinion then certainly bar charts can do that better than pie charts.
Add a comment
Why Analytical Applications Fail
By Zach Gemignani
July 7, 2008
Find more about:
analytics
reporting
Many analytical applications fail for a simple reason: they assume users know precisely what they need before they’ve begun the analysis. There are cases where this assumption holds and the user has a specific end-point in mind. But more often, users depend on the tool to track down an answer with only a vague idea of where to start. The exploratory analysis that follows can feel like swimming upstream when the application isn’t designed to facilitate the journey.
The source of this mismatch is partly rooted in the technical perspective of database developers. The simplest path to providing data access is to let users fill out a form to define a SQL query. It is a linear mindset that isn’t well-suited to ambiguous problems.
I’d like to offer a couple examples that illustrates the difference between the common, form-based approach and a more dynamic, interactive approach. Then I’ll explain the implicit assumptions behind the different models and why it matters.
At its heart, Travelocity is a travel analysis tool intended to help you find the best flight (or hotel, car rental, package, etc.) given a complex set of parameters. The relative importance of each of these parameters (departure day/time, return day/time, airports, connections, preferred airlines, price, etc.) is a personal preference… but not one that is explicitly or fully known even to the user. For example, it would be hard for me to say exactly how much more I would pay for a non-stop flight or what is the relative value of a more convenient airport versus a more reliable airline. These preferences are hard to understand prior to seeing specific trade-offs.
Travelocity approaches this complex problem in the way that so many analytical problems do: it asks for all your preferences first then offers a static list results for the specified query.

A few things to note about this search results page:
- On a busy web page, “Change Your Search” is not emphasized.
- The “tracker” across the top shows a linear five-step process. The user is expected to flow through this sequence in order.
- Getting results for a new search takes more than ten seconds.
I’ve been a loyal Travelocity user for years, and I don’t want to imply that this site is poorly designed or difficult to use. The problem is more subtle than that.
By way of comparison, let’s take a look at a more recent entrant to the online travel business, Kayak. This site is designed with a different usage model in mind. Kayak starts by asking for the same information as Travelocity, but the results pages is designed to support further analysis:

The biggest difference is the prominent filtering functionality on the left side of the page. The filters allow users to narrow down their original search without leaving the results page (it takes less than a second to view refreshed results after changing a filter—no “run report” button required). In addition, Kayak places more emphasis on the start-over option. The designers of this site did not assume your first search would be enough to get you to the perfect flight option. Finally, notice the different “views” of the data that are available for a given result set. The views help support different types of decisions based on the same search parameters.
Analytical applications for business have similar underlying structures and usage models. The analysis process in Omniture SiteCatalyst, the leading web analytics platform for large sites, offers a typical example:

This application offers lots of functionality, and it feels like featuring functionality is the primary purpose of the start page. If you want to get to useful data rather than view an advertisement for Omniture products and events, you can start by selecting the “Report Builder:”

Now, it is form-filling time. Like Travelocity, the user is expected to choose the precise parameters before they get to see anything. The resulting report requires a 10 second wait, and the result is static. Any additional filtering will require you to run a new report
Now let’s look at how Google Analytics chooses to structure the user experience:

In contrast to SiteCatalyst, Google Analytics shows you results immediately—no defining or configuring a report before you can get started. Similar to Kayak, the application offers a bunch of options on the report results page to refine parameters (e.g. data ranges, metrics, comparisons).
Travelocity and Omniture make a few assumptions common to analytical applications:
- Users can accurately define their need (i.e. they already know what they are looking for).
- Users can precisely define their need (i.e. they know all the relevant parameters).
- Users’ workflow will follow a linear sequence of events. Going back to the beginning is a failure of the process or user.
More effective analytical applications like Kayak and Google Analytics make different assumptions:
- Users have a general question, but do not necessarily know details about what they're looking for.
- Users need to see results before they can ask better, more detailed questions. These feedback loops provide critical learning.
- Users need to get to data as quickly and easily as possible. A screen without data is delayed progress.
- Different views of the data can provide different insights about results.
- Users want the application to keep up with their trains of thought. Speed and responsiveness matter. Here’s a framework from Jakob Nielsen’s blog about response time:
0.1 second is about the limit for having the user feel that the system is reacting instantaneously, meaning that no special feedback is necessary except to display the result.
1.0 second is about the limit for the user’s flow of thought to stay uninterrupted, even though the user will notice the delay. Normally, no special feedback is necessary during delays of more than 0.1 but less than 1.0 second, but the user does lose the feeling of operating directly on the data.
10 seconds is about the limit for keeping the user’s attention focused on the dialogue. For longer delays, users will want to perform other tasks while waiting for the computer to finish, so they should be given feedback indicating when the computer expects to be done. Feedback during the delay is especially important if the response time is likely to be highly variable, since users will then not know what to expect.
In my experience, making the right assumptions about user behavior makes all the difference between an application people enjoy and depend on and an application people dread using.
10 comments | Show all comments only the last 5 are shown
matt said:
Thanks for this analysis. It's very useful to feature real world example followed by your pro view on the topic. More on usability for analytical app, please! :)
Galen @ Estately said:
Awesome analysis - I'm not sure I've ever seen it broken down this way. As a non-stop changer of my preferences, the need to constantly tweak my search / preferences makes Kayak and Google Analytics ideal.
Simon White said:
Hello,
Nice to read your article. Complex travel queries are indeed a hard problem, and balancing user's knowledge (they have, after all, had up to 10 years of experience in online flight queries and booking with Travelocity) and a way to convert the less well versed in just what constitutes a flight / hotel booking is the crux of the problem. Equally, the databases behind such queries are highly optimised and Kayak is piggybacking on top of that as an affiliate, rather than a vendor in itself. Affiliates are possibly best placed to try new paradigms and then drive change in the actual vendor sites, and it's useful to note that. You also might want to look at the two separate flexible dates options on Travelocity's site, which you have to activate before searching, but which provide different price comparison options / views. Perhaps a way of switching to those views would be a good addition, but the interface, as you noted, is already quite busy.
As an aside, Omniture have launched a v14 which gives a slightly different approach to reporting, it would be fairer with a current article to look at their latest UI.
-Simon (disclaimer: I work in the Travelocity group)
Anthony said:
I enjoyed you're article very much and agree with it wholeheartedly...
Have you seen QlikView? It's a platform that works in much the way you describe. There are some good examples at http://demo.qlikview.com
FYI, I work there, so I'm biased.
Brian said:
Hi Anthony. How is Qlikview different than the other bi tools like hyperion, cognos, tableau, excel, etc? Going to the website, I saw mention of in-memory processing, 64 bit architecture, etc (like I read in a Gartner (i believe) report) but I don't see how they are incorporated nor what makes QlikView the best option. Thank you
Robbin said:
I have to change you guys into lovers of Farecast (even though it was purchased by MS.) I met the Kayak guys at SES NY and they tried to convince me to do the Kayak thing, but nothing is as flexible as Farecast. When it comes to travel, that is.
Jurgen said:
Very nice article, thanks for writing it.
I personally like the idea of being able to play with the results and explore further. However, I am sympathetic towards the Travelocity site as it is definately less-busy (translated: "less-confusing") to a new user that simply wants to find the best flight prices between two dates. I'm certainly no expert in travel systems, but I have seen many operational implementations fail because of over-complicating stuff. In my view Kayak has too many options on there. If they prioritised a little they could reduce the number of options yet still offer enough flexibility to differentiate from Travelocity and be innovative. All this without possibly confusing anyone in the process.
Zach said:
@Simon: Obviously I have no insight into the backend of this application. That said, the filtering that Kayak is may be / could be done in the browser, requiring no changes to the original data fetching. At least, that is how we've done it previously: fetch a broad result, narrow within the browser. As for SC14, I don't have access to it (and have heard lots of griping from those who do), so I made the assumption it wasn't game changing.
@Robbin: The Kayak and Farecast experiences are freakishly similar to my eye. Perhaps you can point out where they diverge.
@Jurgen: I'd blame the clutter more on the prominently placed ads rather than the filtering/views functionality.
AnalyticsWorks said:
Very informative post. Simple yet insightful nuggets for defining user interaction and usability of any tool. I would like to know what users think of the Pentaho Modrian OLAP tool that allow users to drill down/ drill through on reports. We are using their engine in our product and would like to know if there are things that can be improved for a more complete user experience.
Thanks,
http://www.analyticsworks.com
Mobius View said:
Nice piece. I like the fact that you liken travel search engines to analytics apps, which they indeed are.





13 comments | Show all comments only the last 5 are shown
vaseekaran said:
Hi,
Thanks for trying ZohoSheet. In your sample the bars in ZohoSheet chart is displayed in different colors because the data is grouped by rows in this case. To get it in single color as other charts you can select the 'Series In Cols' option in 'Data' tab of create chart dialog.
If you have some other issue please get back, we are glad to assist you.
Zach said:
Vaseekaran, Thanks for the pointer. I have adjusted the scoring table.
Support Analytics said:
I agree Zach. I prefer ManyEyes because of the nice array of chart options. I found Google to be limited with formatting options. I also looked at Widgenie and was immediately turned off by their website and gaudy (3-D stacked column chart at top of home page) data visualization options.
They seem to have some great ideas, but just aren't there yet. We'll see if they improve.
jerome said:
Hi Zach, I also wrote a post on the subject at http://oecdfactbook.wordpress.com/2008/07/25/how-to-publish-charts-in-blogs-and-websites/
tell me what you think if you have a chance :)
what I like about Swivel and Many-Eyes is that they propose an integrated data publishing solution - they produce an image but clicking on it brings you to an environment with the data, source information, etc.
There are tons of tools to create basic charts. But when you have real-life examples and you want to tweak the default view a little, very few can deliver. which is why many people still do their thing in Excel and upload a bitmap.
now I haven't looked at widgenie, I should check it out
Jay Jakosky said:
What about the Google API for graphing objects?
Zach said:
@Jay We love the Google API here at Juice but I thought it was too difficult for a non-technical person to set-up and update.
derek said:
I used your table as a simple example of reordering tables so the 3s make an approximate diagonal across the grid. The article describing the method is at my blog here:
http://i-ocean.blogspot.com/2008/09/reorderable-tables.html
Ivan Ortega said:
How about XML/SWF Charts http://maani.us/xml_charts/ , overall not very difficult to use, just need a little xml knowledge.
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.
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.
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.
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
Jim said:
If anyone comes out with an embeddable dynamic candlestick chart that doesnt suck please let me know.
said:
Add a comment