Skip to main content

Create Animated Charts and Flash Graphs for your Website




To watch this animated Flash chart, please visit outside the reader.

Online spreadsheet programs like Zoho Sheet or Google Docs allow you to plot different types of charts and graphs that you can save as images and embed them in your blog or website.

The problem with these static image charts is that if the source data changes, you have to redo the entire exercise of creating the chart. Another reason - they do not look as attractive as their Flash based counterparts which we'll discuss here.

Th most popular toolkit for creating and embedding animated charts in web pages is XML / SWF Charts - absolutely free, creates dynamic charts and supports a plethora of chart types with animated transitions.

Create a text file that contains the spreadsheet tabular data and pass that as a parameter to the Flash chart. If some part of data changes, just modify this text file and the chart on your webpage will always show the current data. A brilliant software - very flexible and creates professional looking charts.



The only issue with XML SWF charts is that you need to upload the chart animation files and data files manually to some web server before using them on your webpages. If that sounds too much effort, you'll love FusionCharts which have a free version and can be embedded inside any page through Google Gadgets.

Just type your chart data inside this FC Google Gadget, choose a chart type, dimensions, color scheme and copy-paste the generated code in your blog.

The charts look stunning and like Google Finance charts, visitors can read the value by moving the mouse over the charts.

Finally, if you need a more visual interface and don't mind the company's logo, use the good old Rich Chart Live for creating Flash charts online. It's a web based Flash charting service.

[This post is based on a request from Holden Karnofsky who's looking for the best software to create interactive charts on the web - choices are FusionCharts, Dundas, Swiff/GlobFX, Aspose, PopCharts]

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include...

Firefox Keyboard Shortcuts for Power Users

All features in Mozilla Firefox browser are accessible through the use of the keyboard. You can use shortcut keys to view and save Web pages, search the web, open new webpages, work with bookmarks, or find text on the current webpage. Some of the most common keyboard shortcuts in Mozilla Firefox are Ctrl+N (to open a new Firefox window), Ctrl+T (to open a new tab), Ctrl+F4 (to close the current tab) and Ctrl+S to save the current webpage. Mozilla Firefox supports many more powerful keyboard shortcuts. For instance, by pressing a simple key combination, you can manually delete autocomplete entries from the Firefox location bar or Web forms. I am sharing a list of my favorite Mozilla Firefox Keyboard Shortcuts that make web browsing with Firefox even more fun . And you also save your precious time as navigating through several layers of Firefox Toolbar menus is no longer necessary. 1. Web Search Ctrl+K moves the cursor to the Search Bar. You can then type in the terms you wish to fin...

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.