Impressive Google Chart Generator Scripts

A few days ago, I had written a post that the Google Chart API had a lot of power when you wanted simple and quick results for displaying charts in your website. I had also written a tutorial on how to go about creating a chart. But there was a certain shortcoming in the tutorial. It was tedious. It required you to create lengthy URL’s and also properly format the URL’s to get the chart.

But by the time I had written about the API, I noticed that people were coming up with great new ideas in order to reduce the burden of making the chart. And the ideas are practically impressive and have great scope for improvement.

A JavaScript Library
Chris Heilmann has created a script which converts simple HTML tables to charts and vice versa. He has implemented a Javascript library which generates the chart for you. So the example I had mentioned in the tutorial can be simply put in the form of the following HTML table,

<table class=”tochart size300x100 color990000” summary=”Browsers for this site, March 2007“>
<caption>Browsers</caption>
<thead>
<tr><th scope=”col”>Browser</th><th scope=”col”>Percent</th></tr>
</thead>
<tbody>
<tr><td>Firefox</td><td>60</td></tr>
<tr><td>MSIE</td><td>25</td></tr>
<tr><td>Opera</td><td>10</td></tr>
<tr><td>Safari</td><td>5</td></tr>
</tbody>
</table>

The script pulls up all the tables present in the page which have the class set to “tochart” and puts up Google API generated charts in their place. Smart, isn’t it?

An Online Utility
The above script would definitely save your time in making the charts, but it is only created for a single type of chart, namely, the 3D pie chart. But if you require other comprehensive charts then you would have to make use of an chart generator developed by Jon Winstanley. It is a put-values-get-chart utility which makes the chart making process even more simpler. The utility takes care of all the factors required for a chart and also allows to create all types of charts.

But one element which goes as a negative aspect of this utility is that it is not flexible. You put in the value, get the encoded URL and then use it in your web page. Eventually, if you want to modify the chart later you would have to undergo the same process of putting in values again.

What I would like to see is, an implementation of both the above aspects. That is, have the put-values-get-chart utility but at the same time it should generate some XML format like the HTML table which should then used to generate the chart. In this fashion we would be able to modify the chart as and when required. Does it sound like the need of Google Chart Framework? 🙂

4 thoughts on “Impressive Google Chart Generator Scripts

  1. Hi,

    I am looking to generate a graph similar to Google Finance stock graph. Is it a good idea to go ahead with Javascript and AJAX or is there a better alternative available. How feasible would the Google Chart API be to produce a chart/graph with the detailing and responsiveness of the Google Finance graphs?

    I like the idea of having a ready to use API but am not sure whether it will be able to deliver the detailing of the Google Finance graphs. Are there any specific drawbacks to using Javascript and AJAX for graph generation?

    Regards,
    Siddarth Murthy

  2. SEO| Internet Marketing| Website Designing

    Hi

    We are leading SEO service provider and web Development Company. We are expert in PHP,.NET, and many open sources like Joomla, Drupal, WordPress, Oscommerse ,Zencart and Blog Management. We offer best of quality work to our clients at the lowest possible prices. We can quickly promote your website.

    We can place your website on top of the Natural Listings on Google, Yahoo and MSN. We do not use “”link farms”” or “”black hat”” methods that Google and the other search engines frown upon and can use to de-list or ban your site. . Price is never a constraint with us because we take pride in handling challenging work.

    We would be happy to send you best fit proposal for web development and designing and if you have a SEO requirement we will send you a proposal using the top search phrases for your area of expertise.

    In order for us to respond to your request for information, please include your company’s website address (mandatory) and /or phone number.

    Sincerely,
    Adam Hill
    adam.hill430@gmail.com
    COMPLETE INTERNET MARKETING SOLUTION
    SEO – Link Building – Copyright – Web Designing – PHP

Leave a Reply

Your email address will not be published. Required fields are marked *