<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ajax Bestiary &#187; charting</title>
	<atom:link href="http://www.ajaxbestiary.com/tag/charting/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ajaxbestiary.com</link>
	<description>AJAX Development, News, Techniques &#38; More</description>
	<lastBuildDate>Sat, 19 Jun 2010 13:43:32 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flot 0.2 Released</title>
		<link>http://www.ajaxbestiary.com/2007/12/08/flot-02-released/</link>
		<comments>http://www.ajaxbestiary.com/2007/12/08/flot-02-released/#comments</comments>
		<pubDate>Sun, 09 Dec 2007 04:19:06 +0000</pubDate>
		<dc:creator>Don Albrecht</dc:creator>
				<category><![CDATA[Widget]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[charting]]></category>
		<category><![CDATA[Flot]]></category>
		<category><![CDATA[Release]]></category>

		<guid isPermaLink="false">http://www.ajaxbestiary.com/2007/12/08/flot-02-released/</guid>
		<description><![CDATA[

Ole Larson has released a new version of Flot:
Key Changes

Added support for putting a background behind the default legend.
The default is the partly transparent background color. Added
backgroundColor and backgroundOpacity to the legend options to control
this.
The ticks options can now be a callback function that takes one
parameter, an object with the attributes min and max. The [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>Ole Larson has released a new version of Flot:<br />
<strong>Key Changes</strong></p>
<ul>
<li>Added support for putting a background behind the default legend.<br />
The default is the partly transparent background color. Added<br />
backgroundColor and backgroundOpacity to the legend options to control<br />
this.</li>
<li>The ticks options can now be a callback function that takes one<br />
parameter, an object with the attributes min and max. The function<br />
should return a ticks array.</li>
<li>Added labelFormatter option in legend, useful for turning the legend<br />
labels into links.</li>
<li>Fixed a couple of bugs.</li>
<li>The API should now be fully documented.</li>
<li>Patch from Guy Fraser to make parts of the code smaller.</li>
<li>API changes: Moved labelMargin option to grid from x/yaxis.</li>
</ul>
<p>Most notably, the new packaging includes the modified excanvas script in the zip download to greatly simplify deploying with IE support.</p>
<p>Read about it here:</p>
<p><a href="http://ole-laursen.blogspot.com/2007/12/flot-02-released.html">http://ole-laursen.blogspot.com/2007/12/flot-02-released.html </a></p>
<p><img src="http://www.ajaxbestiary.com/?voyeur=1"></p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://www.ajaxbestiary.com/2007/12/08/flot-02-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Charts API</title>
		<link>http://www.ajaxbestiary.com/2007/12/07/google-charts-api/</link>
		<comments>http://www.ajaxbestiary.com/2007/12/07/google-charts-api/#comments</comments>
		<pubDate>Fri, 07 Dec 2007 15:58:37 +0000</pubDate>
		<dc:creator>Don Albrecht</dc:creator>
				<category><![CDATA[Misc Toolkits]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Widget]]></category>
		<category><![CDATA[charting]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.ajaxbestiary.com/2007/12/07/google-charts-api/</guid>
		<description><![CDATA[

Outsource your charting to Google!  Yesterday I discussed my initial experiences with the Flot charting library.   Today, I&#8217;m going to give you a brief introduction to the excellent new Google Charting API.How it works, simply embed an image tag in your source that references the google chart API location followed by a set of [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p><img src="http://chart.apis.google.com/chart?cht=lc&amp;chs=500x225&amp;chd=s:helloWorld" alt="Yellow line chart" border="0" />Outsource your charting to Google!  Yesterday I discussed my initial experiences with the Flot charting library.   Today, I&#8217;m going to give you a brief introduction to the excellent new Google Charting API.How it works, simply embed an image tag in your source that references the google chart API location followed by a set of parameters specifying the actual chart.  Google then renders the chart as a PNG that can be displayed in the browser.Features:
<p style="font: normal normal normal 12px/normal Helvetica; margin: 0px"> </p>
<table border="0" width="95%" summary=" ">
<tr>
<th width="20%" scope="col"><strong>Parameter</strong></th>
<th width="13%" scope="col"><strong>Line chart</strong></th>
<th width="13%" scope="col"><strong>Scatter plot</strong></th>
<th width="13%" scope="col"><strong>Bar chart</strong></th>
<th width="13%" scope="col">Venn diagram</th>
<th width="13%" scope="col"><strong>Pie chart</strong> </th>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#chtt" target="_self">Chart title</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chtt" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chtt" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chtt" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chtt" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chtt" target="_self">Yes</a></td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#chdl" target="_self">Chart legend</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chdl" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chdl" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chdl" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chdl" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chdl" target="_self">Yes</a></td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#line_bar_pie_colors" target="_self">Colors</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#line_bar_pie_colors" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#line_bar_pie_colors" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#line_bar_pie_colors" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#line_bar_pie_colors" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#line_bar_pie_colors" target="_self">Yes</a></td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#chart_or_background_fill" target="_self">Chart and background fill</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chart_or_background_fill" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chart_or_background_fill" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chart_or_background_fill" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chart_or_background_fill" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#chart_or_background_fill" target="_self">Yes</a></td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#multiple_axes_labels">Multiple  axis labels</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#multiple_axes_labels">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#multiple_axes_labels">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#multiple_axes_labels">Yes</a></td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#grid">Grid lines</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#grid">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#grid">Yes</a></td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#shape_markers">Shape markers</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#shape_markers">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#shape_markers">Yes</a></td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#hor_line_marker" target="_self">Horizontal range markers</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#hor_line_marker" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#hor_line_marker" target="_self">Yes</a></td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#vert_line_marker" target="_self">Vertical range markers</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#vert_line_marker" target="_self">Yes</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#vert_line_marker" target="_self">Yes</a></td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#line_styles" target="_self">Line styles</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#line_styles" target="_self">Yes</a></td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#fill_area_marker" target="_self">Fill area</a></td>
<td valign="top"><a href="http://code.google.com/apis/chart/#fill_area_marker" target="_self">Yes</a></td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"><a href="http://code.google.com/apis/chart/#pie_labels" target="_self">Pie chart labels</a></td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"><a href="http://code.google.com/apis/chart/#pie_labels" target="_self">Yes</a></td>
</tr>
</table>
<p><img src="http://www.ajaxbestiary.com/?voyeur=1"></p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://www.ajaxbestiary.com/2007/12/07/google-charts-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>24 Hours with Flot</title>
		<link>http://www.ajaxbestiary.com/2007/12/06/24-hours-with-flot/</link>
		<comments>http://www.ajaxbestiary.com/2007/12/06/24-hours-with-flot/#comments</comments>
		<pubDate>Thu, 06 Dec 2007 15:38:12 +0000</pubDate>
		<dc:creator>Don Albrecht</dc:creator>
				<category><![CDATA[Widget]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[charting]]></category>
		<category><![CDATA[Flot]]></category>

		<guid isPermaLink="false">http://www.ajaxbestiary.com/2007/12/06/24-hours-with-flot/</guid>
		<description><![CDATA[

Alright, So Flot 0.1 has been out in the wild for just under 2 days now and it&#8217;s gotten some pretty decent traction with the Ajax blogs.  I&#8217;ve taken some time over the past 24 hours to work with the library and I have to say, It&#8217;s pretty awesome. Highlights:  

The presets really are excellent , [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p><img src="http://www.ajaxbestiary.com/wp-content/uploads/2007/12/flot2.png" alt="flot2.png" />Alright, So Flot 0.1 has been out in the wild for just under 2 days now and it&#8217;s gotten some pretty decent traction with the Ajax blogs.  I&#8217;ve taken some time over the past 24 hours to work with the library and I have to say, It&#8217;s pretty awesome. Highlights:  
<ul>
<li>The presets really are excellent , simple charts are very little work.</li>
<li>The charts look great, the integrated support for shadows &amp; alpha channels really makes them shine</li>
<li>The underlying architecture is excellent.  I&#8217;ve been able to get under the hood and add needed features without any major headaches. </li>
<li>jQuery based</li>
</ul>
<p>Shown: A chart created with a modified version of Flot with normal range highlighted. You can get flot at: <a href="http://code.google.com/p/flot/">http://code.google.com/p/flot/</a></p>
<p><img src="http://www.ajaxbestiary.com/?voyeur=1"></p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://www.ajaxbestiary.com/2007/12/06/24-hours-with-flot/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plotr  Well Built, Prototype Based Charting</title>
		<link>http://www.ajaxbestiary.com/2007/11/13/plotr-well-built-prototype-based-charting/</link>
		<comments>http://www.ajaxbestiary.com/2007/11/13/plotr-well-built-prototype-based-charting/#comments</comments>
		<pubDate>Tue, 13 Nov 2007 12:54:54 +0000</pubDate>
		<dc:creator>Don Albrecht</dc:creator>
				<category><![CDATA[Widget]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[charting]]></category>
		<category><![CDATA[graphics]]></category>

		<guid isPermaLink="false">http://www.ajaxbestiary.com/2007/11/13/plotr-well-built-prototype-based-charting/</guid>
		<description><![CDATA[


Plotr is an excellent charting library built in prototype.&#160; It outputs to a Canvas / SVG drawing object. (IE 6+ Support is powered by the ExplorerCanvas library).
It currently supports:

Bar Charts
Line Charts
Pie Charts
Chart Legends

All in all, it&#8217;s an excellent lightweight library for adding basic data visualization capabilities to your app.&#160; More importantly, the chart&#8217;s it generates [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p><a href="http://www.ajaxbestiary.com/wp-content/uploads/2007/11/plotr.jpg"><img style="border-right: 0px; border-top: 0px; margin: 0px 50px 18px; border-left: 0px; border-bottom: 0px" height="292" alt="plotr" src="http://www.ajaxbestiary.com/wp-content/uploads/2007/11/plotr-thumb.jpg" width="404" border="0"></a></p>
<p>Plotr is an excellent charting library built in prototype.&nbsp; It outputs to a Canvas / SVG drawing object. (IE 6+ Support is powered by the ExplorerCanvas library).</p>
<p>It currently supports:</p>
<ul>
<li><font color="#333333">Bar Charts</font></li>
<li><font color="#333333">Line Charts</font></li>
<li><font color="#333333">Pie Charts</font></li>
<li><font color="#333333">Chart Legends</font></li>
</ul>
<p>All in all, it&#8217;s an excellent lightweight library for adding basic data visualization capabilities to your app.&nbsp; More importantly, the chart&#8217;s it generates are simply stunning, complete with drop shadows, white outlines, &amp; well designed default color schemes.</p>
<p>Check it out online here:</p>
<p><a title="http://solutoire.com/plotr/" href="http://solutoire.com/plotr/">http://solutoire.com/plotr/</a></p>
<p><img src="http://www.ajaxbestiary.com/?voyeur=1"></p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://www.ajaxbestiary.com/2007/11/13/plotr-well-built-prototype-based-charting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
