<?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>J&#039;bloo &#187; Charts</title>
	<atom:link href="http://jbloo.com/category/charts/feed/" rel="self" type="application/rss+xml" />
	<link>http://jbloo.com</link>
	<description>- Free Ajax tutorials, PHP tutorials, JQuery tutorials, ASP.net tutorials By Kunal Kamble</description>
	<lastBuildDate>Thu, 17 Dec 2009 20:18:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas and jQuery</title>
		<link>http://jbloo.com/2009/12/accessible-charts-graphs-from-table-elements-using-html-5-canvas-and-jquery/</link>
		<comments>http://jbloo.com/2009/12/accessible-charts-graphs-from-table-elements-using-html-5-canvas-and-jquery/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 14:17:48 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Charts]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=211</guid>
		<description><![CDATA[Accessible Charts &#38; Graphs from Table Elements using HTML 5 Canvas and jQuery
This technique provides a simple method for generating bar, line, area, and pie charts from an HTML table, and allows you to configure them in a variety of ways.

]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="margin-bottom: 1.15em;"><a style="color: #3151a2;" href="http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/">Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas and jQuery</a><br />
This technique provides a simple method for generating bar, line, area, and pie charts from an HTML table, and allows you to configure them in a variety of ways.</p>
<p style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 1.15em; margin-left: 2.5em;"><a style="color: #cc0000;" href="http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/"><img style="margin-top: 6px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; padding: 0px; border: 0px initial initial;" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/images/jquery-plugins-techniques/chart.gif" alt="Chart in 50 Useful New jQuery Techniques and Tutorials" width="480" height="278" /></a></p>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/accessible-charts-graphs-from-table-elements-using-html-5-canvas-and-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AmCharts Interactive Flash Charts for Developers</title>
		<link>http://jbloo.com/2009/12/amcharts-interactive-flash-charts-for-developers/</link>
		<comments>http://jbloo.com/2009/12/amcharts-interactive-flash-charts-for-developers/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 02:43:33 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Charts]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=171</guid>
		<description><![CDATA[AmCharts provides us three type of charts, Pie Charts, Line Charts andBar/Column Charts. They are all animated and interactive Flash Charts. Users can pull out a slice of pie chart by clicking on it. Users can zoom in/out by highlighting a specific area of the line chart. The bar/column can be 100 stacked, mouseover to view more [...]]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="AmCharts" href="http://www.amcharts.com/" target="_blank">AmCharts</a> provides us three type of charts, <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Pie Charts" href="http://www.amcharts.com/pie/" target="_blank">Pie Charts</a>, <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Line Charts" href="http://www.amcharts.com/line/" target="_blank">Line Charts</a> and<a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Bar Column Charts" href="http://www.amcharts.com/column/" target="_blank">Bar/Column</a> Charts. They are all animated and interactive Flash Charts. Users can pull out a slice of pie chart by clicking on it. Users can zoom in/out by highlighting a specific area of the line chart. The bar/column can be 100 stacked, mouseover to view more details. All Charts are free to download, the only limitation of free version is that a small link to AmCharts will be displayed in top left corner of your charts.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #f0f0f0;" src="http://maxcdn.webappers.com/img/2007/06/amcharts3.gif" alt="amcharts3.gif" /><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #f0f0f0;" src="http://maxcdn.webappers.com/img/2007/06/amcharts1.gif" alt="amcharts1.gif" /> <img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #f0f0f0;" src="http://maxcdn.webappers.com/img/2007/06/amcharts2.gif" alt="amcharts2.gif" /></p>
<blockquote style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f7f7f7; color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-position: initial initial; border-color: #efefef; border-style: solid;">
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; line-height: 15px;">Requirements: Any Modern with Flash 8.0+<br style="padding: 0px; margin: 0px;" />Demo: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="demo" href="http://www.amcharts.com/" target="_blank">http://www.amcharts.com</a><br style="padding: 0px; margin: 0px;" />License: License Free</p>
</blockquote>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/amcharts-interactive-flash-charts-for-developers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Emprise 100% Pure Javascript Interactive Charts</title>
		<link>http://jbloo.com/2009/12/emprise-100-pure-javascript-interactive-charts/</link>
		<comments>http://jbloo.com/2009/12/emprise-100-pure-javascript-interactive-charts/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 02:42:58 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Charts]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=169</guid>
		<description><![CDATA[A set of Emprise Javascript Charts ( Line, Area, Scatter, Pie, Bar and Function series ) with zooming, scaling and scrolling ablity. Built with compatibility in mind and tested on all major browsers, you can be assured your charts will function consistently for the broadest range of end users. Every aspect of the charting display can [...]]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;">A set of <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Emprise Javascript Charts" href="http://www.ejschart.com/" target="_blank">Emprise Javascript Charts</a> ( Line, Area, Scatter, Pie, Bar and Function series ) with zooming, scaling and scrolling ablity. Built with compatibility in mind and tested on all major browsers, you can be assured your charts will function consistently for the broadest range of end users. Every aspect of the charting display can be configured and customized through well-documented properties and methods. It is free for everyone unless you want <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" href="http://www.ejschart.com/pricing.php">extra features</a>.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #f0f0f0;" src="http://maxcdn.webappers.com/img/2007/06/emprisechart.gif" alt="emprisechart.gif" /></p>
<blockquote style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f7f7f7; color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-position: initial initial; border-color: #efefef; border-style: solid;">
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; line-height: 15px;">Requirements: Safari, Camino, Firefox and Internet Explorer 6+, Opera<br style="padding: 0px; margin: 0px;" />Demo: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="demo" href="http://www.ejschart.com/examples/index.php" target="_blank">http://www.ejschart.com/examples/index.php</a><br style="padding: 0px; margin: 0px;" />License: License Free</p>
</blockquote>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/emprise-100-pure-javascript-interactive-charts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 Types of Free Charts from PHP/SWF Charts</title>
		<link>http://jbloo.com/2009/12/20-types-of-free-charts-from-phpswf-charts/</link>
		<comments>http://jbloo.com/2009/12/20-types-of-free-charts-from-phpswf-charts/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 02:42:23 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Charts]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=167</guid>
		<description><![CDATA[PHP/SWF Charts is a simple, yet powerful PHP tool to create attractive web charts and graphs from dynamic data. Use PHP scripts to generate or gather the data from databases, then pass it to this tool to generate Flash (swf) charts and graphs. PHP/SWF Charts makes the best of both the PHP and SWF worlds. [...]]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="PHP SWF Charts" href="http://www.maani.us/charts/index.php" target="_blank">PHP/SWF Charts</a> is a simple, yet powerful PHP tool to create attractive web charts and graphs from dynamic data. Use PHP scripts to generate or gather the data from databases, then pass it to this tool to generate Flash (swf) charts and graphs. PHP/SWF Charts makes the best of both the PHP and SWF worlds. PHP scripts provide integration, and Flash provides the best graphic quality. It supports many charts types, Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, Parallel 3D column, Pie, 3D Pie, Bar, Stacked bar, Floating bar, Area, Stacked area, Candlestick, Scatter, Polar, Mixed, Composite and Joined. Can you ask for more? They have the following main features.</p>
<ul style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 12px; font-size: 11px; margin: 0px;">
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">Web charts and graphs from dynamic data</li>
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">Live and interactive chart updates without reloading the web page</li>
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">Clickable charts, and drill-down</li>
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">Animated transitions</li>
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">Printable charts</li>
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">Simple and flexible chart generation</li>
</ul>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="PHP SWF Charts" href="http://www.maani.us/charts/index.php" target="_blank">PHP/SWF Charts</a> is free to download and use. The free, unregistered version contains all the features except for:</p>
<ol style="padding: 0px; margin: 0px;">
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">Clicking a chart takes the user to the PHP/SWF Charts web site</li>
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">No displaying charts inside another flash file</li>
<li style="padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px;">No technical support, and no product updates by e-mail</li>
</ol>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="PHP SWF Charts" href="http://www.maani.us/charts/index.php?menu=Gallery" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #efefef;" src="http://maxcdn.webappers.com/img/2007/09/php-swf-charts.png" alt="php-swf-charts.png" /></a></p>
<blockquote style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f7f7f7; color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-position: initial initial; border-color: #efefef; border-style: solid;">
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; line-height: 15px;">Requirements: Flash Player 6+, Server with PHP Support<br style="padding: 0px; margin: 0px;" />Demo: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Demo" href="http://www.maani.us/charts/index.php?menu=Gallery" target="_blank">http://www.maani.us/charts/index.php?menu=Gallery</a><br style="padding: 0px; margin: 0px;" />License: License Free</p>
</blockquote>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/20-types-of-free-charts-from-phpswf-charts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FusionCharts Free Interactive and Data-Driven Flash Charts</title>
		<link>http://jbloo.com/2009/12/fusioncharts-free-interactive-and-data-driven-flash-charts/</link>
		<comments>http://jbloo.com/2009/12/fusioncharts-free-interactive-and-data-driven-flash-charts/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 02:41:38 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Charts]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=165</guid>
		<description><![CDATA[FusionCharts Free is a flash charting component that can be used to render data-driven &#38; animated charts for your web applications and presentations. It is a cross-browser and cross-platform solution that can be used with ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, simple HTML pages or even PowerPoint Presentations to deliver interactive and powerful [...]]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="FusionCharts Free Flash Charts" href="http://www.fusioncharts.com/Free/" target="_blank">FusionCharts Free</a> is a flash charting component that can be used to render data-driven &amp; animated charts for your web applications and presentations. It is a cross-browser and cross-platform solution that can be used with ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, simple HTML pages or even PowerPoint Presentations to deliver interactive and powerful flash charts. You do NOT need to know anything about Flash to use FusionCharts. All you need to know is the language you’re programming in.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="FusionCharts Free Flash Charts" href="http://www.fusioncharts.com/Free/" target="_blank">The free version</a> offers you most of the features that you would normally need. If the features in free version does not satiate your requirements, you might consider a <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" href="http://www.fusioncharts.com/Default.asp" target="_blank">paid version</a>. In contrast, offers a lot more advanced options like gradients, 3D Lightings (shadow, blur effect, glow effect and bevel), custom animations, in-built debuggers, more chart types, enhanced AJAX support, data-driven flash maps, loading into other Flash movies, personalized implementation support etc.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;">If you are interested, you may want to look at <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="FusionCharts Google Gadget" href="http://www.fusioncharts.com/GG/" target="_blank">FusionCharts Google Gadget</a> as well.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="FusionCharts Free Flash Charts" href="http://www.fusioncharts.com/Free/Gallery.asp" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #efefef;" src="http://maxcdn.webappers.com/img/2007/09/fusioncharts.png" alt="fusioncharts.png" /></a></p>
<blockquote style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f7f7f7; color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-position: initial initial; border-color: #efefef; border-style: solid;">
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; line-height: 15px;">Requirements: Flash Support<br style="padding: 0px; margin: 0px;" />Demo: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Demo" href="http://www.fusioncharts.com/Free/Gallery.asp" target="_blank">http://www.fusioncharts.com/Free/Gallery.asp</a><br style="padding: 0px; margin: 0px;" />License: License Free</p>
</blockquote>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/fusioncharts-free-interactive-and-data-driven-flash-charts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Create Professional 3D Pie Charts in Illustrator</title>
		<link>http://jbloo.com/2009/12/how-to-create-professional-3d-pie-charts-in-illustrator/</link>
		<comments>http://jbloo.com/2009/12/how-to-create-professional-3d-pie-charts-in-illustrator/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 02:40:30 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Charts]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=162</guid>
		<description><![CDATA[Are you still using the traditional 2D graph for your reports and presentations?N.Design Studio taught us how to create 3D Pie Charts with Illustrator CS2 at ease. The Pie Charts looks so real and professional.

As a freelancer, we may come into the situation that you have to present some sort of statistical data to your [...]]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;">Are you still using the traditional 2D graph for your reports and presentations?<a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="3D Pie Charts in Illustrator" href="http://www.ndesign-studio.com/resources/tutorials/3d-graphs/" target="_blank">N.Design Studio</a> taught us how to create 3D Pie Charts with Illustrator CS2 at ease. The Pie Charts looks so real and professional.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="3D Pie Charts in Illustrator" href="http://www.ndesign-studio.com/resources/tutorials/3d-graphs/" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #efefef;" src="http://maxcdn.webappers.com/img/2007/10/pie-charts1.png" alt="pie-charts1.png" /></a></p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;">As a freelancer, we may come into the situation that you have to present some sort of statistical data to your client. Of course you may use Excelâ€™s graph tool to easily create a bunch of charts, but more or less all of those predefined designs suck. <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="3D Pie Charts in Illustrator" href="http://bartelme.at/journal/archive/creating_graphs/journal/281/" target="_blank">Bartelme Design</a> show us how to create visually appealing Pie charts using Adobe Illustratorâ€™s graph tool.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="3D Pie Charts in Illustrator" href="http://bartelme.at/journal/archive/creating_graphs/journal/281/" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #efefef;" src="http://maxcdn.webappers.com/img/2007/10/pie-charts2.png" alt="pie-charts2.png" /></a></p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="3D Pie Charts in Illustrator" href="http://www.gosquared.com/liquidicity/archives/103" target="_blank">GoSquared</a> showed us how to create beautiful Pie Charts in Illustrator. Just follow a few simple steps, and youâ€™ll view pie charts in a whole new light.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="3D Pie Charts in Illustrator" href="http://www.gosquared.com/liquidicity/archives/103" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #efefef;" src="http://maxcdn.webappers.com/img/2007/10/pie-charts3.png" alt="pie-charts3.png" /></a></p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="3D Pie Charts in Illustrator" href="http://www.modernlifeisrubbish.co.uk/article/howto-make-pretty-pie-charts" target="_blank">IMmodernLife</a> created a comprehensive tutorial of how to make overwhelming niceness of the Pie Charts. He is using Adobe Illustrator CS2, but the tips should apply to most of the more recent versions.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="3D Pie Charts in Illustrator" href="http://www.modernlifeisrubbish.co.uk/article/howto-make-pretty-pie-charts" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #efefef;" src="http://maxcdn.webappers.com/img/2007/10/pie-charts4.png" alt="pie-charts4.png" /></a></p>
<blockquote style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f7f7f7; color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-position: initial initial; border-color: #efefef; border-style: solid;">
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; line-height: 15px;">Requirements: Adobe Illustrator<br style="padding: 0px; margin: 0px;" />Demo 1: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Demo" href="http://www.ndesign-studio.com/resources/tutorials/3d-graphs/" target="_blank">http://www.ndesign-studio.com/resources/tutorials/3d-graphs/”</a><br style="padding: 0px; margin: 0px;" />Demo 2: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Demo" href="http://bartelme.at/journal/archive/creating_graphs/journal/281/" target="_blank">http://bartelme.at/journal/archive/creating_graphs/journal/281/</a><br style="padding: 0px; margin: 0px;" />Demo 3: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Demo" href="http://www.gosquared.com/liquidicity/archives/103" target="_blank">http://www.gosquared.com/liquidicity/archives/103</a><br style="padding: 0px; margin: 0px;" />Demo 4: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Demo" href="http://www.modernlifeisrubbish.co.uk/article/howto-make-pretty-pie-charts" target="_blank">http://www.modernlifeisrubbish.co.uk/article/howto…</a><br style="padding: 0px; margin: 0px;" />License: License Free</p>
</blockquote>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/how-to-create-professional-3d-pie-charts-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Produce Interactive Charts of Time Series with dygraphs</title>
		<link>http://jbloo.com/2009/12/produce-interactive-charts-of-time-series-with-dygraphs/</link>
		<comments>http://jbloo.com/2009/12/produce-interactive-charts-of-time-series-with-dygraphs/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 02:38:20 +0000</pubDate>
		<dc:creator>Kunal K</dc:creator>
				<category><![CDATA[Charts]]></category>

		<guid isPermaLink="false">http://jbloo.com/?p=159</guid>
		<description><![CDATA[dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them. You can mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter [...]]]></description>
			<content:encoded><![CDATA[<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_start --><p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;"><a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="dygraphs" href="http://www.danvk.org/dygraphs/" target="_blank">dygraphs</a> is an <strong style="padding: 0px; margin: 0px;">open source JavaScript library that produces produces interactive, zoomable charts of time series</strong>. It is designed to display dense data sets and enable users to explore and interpret them. You can mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; margin: 0px;">Another significant feature of the <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="dygraphs" href="http://www.danvk.org/dygraphs/" target="_blank">dygraphs</a> library is the ability to display error bars around data series. dygraphs is purely client-side JavaScript. It does not send your data to any servers â€“ the data is processed entirely in the client’s browser.</p>
<p style="padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; line-height: 18px; text-align: center; margin: 0px;"><a style="text-decoration: none; color: #ff5a00; padding: 0px; margin: 0px; border: 0px initial initial;" title="dygraphs" href="http://www.danvk.org/dygraphs/" target="_blank"><img style="margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #d30703;" title="dygraphs-javascript" src="http://maxcdn.webappers.com/img/2009/12/dygraphs-javascript.jpg" alt="dygraphs-javascript" width="480" height="230" /></a></p>
<blockquote style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f7f7f7; color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-position: initial initial; border-color: #efefef; border-style: solid;">
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; line-height: 15px;">Requirements: JavaScript Enabled<br style="padding: 0px; margin: 0px;" />Demo: <a style="text-decoration: none; color: #3366cc; padding: 0px; margin: 0px; border: 0px initial initial;" title="Demo" rel="nofollow" href="http://www.danvk.org/dygraphs/" target="_blank">http://www.danvk.org/dygraphs/</a><br style="padding: 0px; margin: 0px;" />License: License Free</p>
</blockquote>
<!-- Advanced AdSense by Jim Gaudet --><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://jbloo.com/2009/12/produce-interactive-charts-of-time-series-with-dygraphs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

