<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Design to Coding Blog</title>
	<atom:link href="http://designtocoding.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://designtocoding.wordpress.com</link>
	<description>Web design and Coding tools and resources I use</description>
	<lastBuildDate>Fri, 25 Dec 2009 09:54:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='designtocoding.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Design to Coding Blog</title>
		<link>http://designtocoding.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://designtocoding.wordpress.com/osd.xml" title="Design to Coding Blog" />
	<atom:link rel='hub' href='http://designtocoding.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Usability Testing Toolkit: Resources, Articles, and Techniques</title>
		<link>http://designtocoding.wordpress.com/2009/12/17/design-to-coding-blog/</link>
		<comments>http://designtocoding.wordpress.com/2009/12/17/design-to-coding-blog/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 15:43:59 +0000</pubDate>
		<dc:creator>nukecpower</dc:creator>
				<category><![CDATA[Web Usability]]></category>
		<category><![CDATA[Add new tag]]></category>
		<category><![CDATA[Human-Computer Interaction]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://designtocoding.wordpress.com/?p=33</guid>
		<description><![CDATA[There are sites out there dedicated entirely to usability testing resources. If you’re really serious about creating user-friendly sites, they’re a great place to start gathering information. Usability.gov is a U.S. government-run website that covers all sorts of usability topics. &#8230; <a href="http://designtocoding.wordpress.com/2009/12/17/design-to-coding-blog/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=designtocoding.wordpress.com&amp;blog=10965833&amp;post=33&amp;subd=designtocoding&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>There are sites out there dedicated entirely to usability testing resources. If you’re really serious about creating user-friendly sites, they’re a great place to start gathering information.</p>
<ol>
<li><span style="font-weight:normal;"><a href="http://www.usability.gov/">Usability.gov</a> is a U.S. government-run website that covers all sorts of usability topics. The site is broken down into a few different sections: basics, methods, templates, articles, and guidelines. They also include additional government resources for usability. The usability guidelines are especially helpful, and individual sections can be downloaded as PDFs.</span></li>
<li><span style="font-weight:normal;"><a href="http://usabilitytestinghowto.blogspot.com/">Usability Testing</a> is a blog that covers the basics of planning, designing, and conducting usability tests. They offer both articles and workshops on usability testing, both of which are valuable resources.</span></li>
<li><span style="font-weight:normal;"><a href="http://www.usabilitynews.com/">UsabilityNews.com</a> aggregates usability-related news from all over the Internet. It’s a great resource for finding the most up-to-date information on all aspects of usability.</span></li>
<li><span style="font-weight:normal;"><a href="http://www.useit.com/">Useit.com</a> is Jakob Nielsen’s website dedicated to usability and website design. It offers tons of useful and valuable content on usability, as well as links to his books on usability and other resources.</span></li>
</ol>
<h2>Usability Testing Articles and Guides</h2>
<p>Most good website design and development blogs out there have resources for usability testing. Below are some of the better ones.</p>
<p><strong> </strong></p>
<ol>
<li><span style="font-weight:normal;"><strong>A List Apart</strong> published an article titled <a href="http://www.alistapart.com/articles/usability-testing-demystified/">Usability Testing Demystified</a> that helps to clarify what usability testing is all about, and takes some of the mystery out of the whole process. It’s a great resource if you’re unsure of how to approach usability testing, and need some direction. A List Apart also published another excellent article titled <a href="http://www.alistapart.com/articles/the-myth-of-usability-testing/">The Myth of Usability Testing</a>, which covers some of the downfalls of usability testing, and why usability testing is unreliable and unscientific at best. It also discusses how to account for this ureliability and compensate for it.</span></li>
<li><span style="font-weight:normal;"><strong>UserFocus</strong> has a very thorough list of <a href="http://www.userfocus.co.uk/resources/guidelines.html">247 Web Usability Guidelines</a>, broken down by category. It’s a very valuable resource for figuring out what needs to be tested, and is available as a downloadable Excel workbook.</span></li>
<li><span style="font-weight:normal;"><strong>Nielsen Norman Group</strong> has a free <a href="http://www.nngroup.com/reports/flash/">Usability of Rich Internet Applications and Web-Based Tools</a> ebook available on their website. It includes usability guidelines based on the testing of 46 Flash applications.</span></li>
<li><span style="font-weight:normal;"><strong>Common Knowledge</strong> has a great post on usability testing on a budget called <a href="http://www.commonknowledge.net.nz/2009/11/budget-usability-testing/">No Excuses – Budget Usability Testing</a> that covers the basics of usability testing when you don’t have a lot of money available for your project.</span></li>
<li><span style="font-weight:normal;"><strong>Visual28</strong> also has a post on low-cost usability testing, titled <a href="http://www.visual28.com/articles/usability-testing-on-a-budget">Usability Testing on a Budget</a>. It offers some great strategies and methods of testing the usability of your sites without breaking the bank.</span></li>
<li><span style="font-weight:normal;">The <strong>U.S. Department of Health and Human Services</strong> offers a free ebook titled <a href="http://www.usability.gov/pdfs/guidelines.html">Research-Based Web Design &amp; Usability Guidelines</a> on their website. It’s a huge file, over 160MB, and includes a wealth of information backed by solid research for usability improvements, with the last chapter covering usability testing specifically (chapters can be downloaded individually).</span></li>
<li><span style="font-weight:normal;"><strong>Best Design Tuts</strong> has an article titled <a href="http://www.bestdesigntuts.com/15-helpful-website-usability-facts-guidelines/">15 Helpful Website Usability Facts &amp; Guidelines</a> that includes some excellent tips you can use in testing your site’s usability. They tips are compiled from a wide variety of sources.</span></li>
<li><span style="font-weight:normal;"><strong>Usereffect</strong> offers a free <a href="http://www.usereffect.com/topic/25-point-website-usability-checklist">25-point Website Usability Checklist</a> on their site. It’s a valuable guide for designing your usability tests.</span></li>
<li><span style="font-weight:normal;"><strong>eduStyle</strong> has an excellent guide to <a href="http://www.edustyle.net/blog/2009/03/start-a-usability-testing-program-in-5-days/">Start a Usability Testing Program in 5 Days</a>. It breaks steps down into a week-long plan, so by the end of single workweek, you’ll have a usability testing program in place.</span></li>
<li><span style="font-weight:normal;"><strong>FutureNow’s GrokDotCom</strong> has an excellent post on common mistakes made during usability testing, titled <a href="http://www.grokdotcom.com/2009/05/29/top-6-user-testing-mistakes-and-how-to-avoid-them/">Top 6 User Testing Mistakes and How to Avoid Them</a>. It provides a valuable outline for what not to do when creating your usability tests.</span></li>
<li><span style="font-weight:normal;"><strong>Smartisans.com</strong> has a great article, <a href="http://www.smartisans.com/usability_testing.htm">Remove Stumbling Blocks by Usability Testing</a>, that covers the basics of usability testing. They use a real-world example of a failure in usability to illustrate the points made in the article.</span></li>
<li><span style="font-weight:normal;"><strong>Grundyhome.com</strong> has a guide to <a href="http://grundyhome.com/2009/03/23/3-questions-to-avoid-in-a-usability-test/">3 Questions to Avoid in a Usability Test</a>. It also includes the reasoning behind why you wouldn’t want to ask each specific question, and examples of how to better phrase each question.</span></li>
<li><span style="font-weight:normal;"><strong>The Communications Strategist</strong> offers up <a href="http://thecommunicationsstrategist.wordpress.com/2009/11/29/the-diy-guide-to-web-usability-testing/">The DIY Guide to Web Usability Testing</a>, which serves as an excellent guide for those who want to tackle their own usability testing. It includes things to beware of and watch for, as well as some general tips.</span></li>
<li><span style="font-weight:normal;"><strong>Sanjay Kumarux</strong> offers a step-by-step guide to usability testing, titled <a href="http://sanjaykumarux.blogspot.com/2008/10/how-to-conduct-usability-testing.html">How to Conduct Usability Testing?</a> that breaks down the entire process of usability testing into five easy-to-understand steps.</span></li>
<li><span style="font-weight:normal;">And of course, <strong>Wikipedia</strong> has an excellent overview of <a href="http://en.wikipedia.org/wiki/Usability_testing">Usability Testing</a> that’s worth checking out.</span></li>
</ol>
<h2>Usability Testing Tools and Methods</h2>
<p>There are tons of tools and methods out there to help you more effectively test usability on your sites and apps. Here are some of the best ones to get you started.</p>
<ol>
<li>10-Second Website Usability Testing - <span style="font-weight:normal;">While <a href="http://www.fivefingercoding.com/xhtml-and-css/website-usability-testing">10-Second Website Usability Testing</a> might sound like a myth or something that wouldn’t actually be helpful, this technique really does give you a good idea of how user-friendly your website is. In short, it involves evaluating your site with all the styling information turned off.</span></li>
<li><span style="font-weight:normal;"><a href="http://websort.net/">WebSort.net</a> is an excellent tool to use if you use the <a href="http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide">Card Sorting method</a> for designing your site’s information architecture. It lets you conduct remote card sorting tests online. All you have to do is create a study and invite participants. The site takes care of the rest. A single study costs US$79, but you can also order a 5-pack (US$299) or subscribe to conduct unlimited studies (US$199/month).</span></li>
<li><span style="font-weight:normal;"><a href="http://crazyegg.com/">Crazy Egg</a> lets you create heat maps based on user clicks. It can give you insight into what visitors click on most often and what still needs to be improved to increase conversions and click-throughs. You can also view the raw data about where visitors are clicking, in addition to the heat maps. They have plans available that range from $9 to $99 per month, based on the number of visitors and pages you want to track.</span></li>
<li><span style="font-weight:normal;"><a href="http://www.usabilla.com/">Usabilla</a> is a simple app for usability testing that can be set up in just five steps (create a test, select the pages you want to test, select your questions, invite users, and analyze the feedback you receive). You can test live pages or images, and it includes the ability to view click results as a heat map.</span></li>
<li><span style="font-weight:normal;"><a href="http://silverbackapp.com/">Silverback</a> offers what they call “guerilla usability testing”. They allow you to capture and record screen activity, record a participant’s voice, export your videos to Quicktime, and control your recordings while conducting usability tests. It’s only compatible with Macs, but you can try it free for 30 days (the full license is less than US$50).</span></li>
<li><span style="font-weight:normal;"><a href="http://userfly.com/">Userfly</a> makes it very simple to test your website’s usability with your real website visitors. It records every mouse movement and click visitors to your website make and installs with only a single line of code. You can run up to ten captures per month with their free account (which also saves recordings for 30 days), or up to 10,000 per month with their Enterprise account, which is $200/month.</span></li>
<li><span style="font-weight:normal;"><a href="http://fivesecondtest.com/">Fivesecondtest</a> can help provide valuable feedback on which parts of your site designs are standing out to visitors. Basically, visitors have five seconds to click on the most prominent parts of your website, and then describe what it is the clicked on. The service is mostly free (there are some premium features, too) and doesn’t even require registration.</span></li>
<li><span style="font-weight:normal;"><a href="http://www.usertesting.com/">UserTesting.com</a> facilitates your usability testing by taking care of pretty much everything for you. You get a Flash video of exactly what testers did and said as they browsed your site, as well as a written summary of what they liked, didn’t like, and what might have made them leave your site. The cost is $29/tester.</span></li>
<li><span style="font-weight:normal;"><a href="http://sourceforge.net/projects/infomaki/">Infomaki</a> is a tool developed by the New York Public Library for rapidly testing mutliple site designs and language without disruption to website visitors. It’s open source and can make large-scale usability testing much simpler.</span></li>
<li><span style="font-weight:normal;"><a href="http://www.optimalworkshop.com/chalkmark.htm">Chalkmark</a> lets you conduct testing on visitors’ first impressions of your site. To use it, you just set a task, upload an associated image, and invite participants. You can view results immediately, as they come in. The cost is US$109/month or US$559/year.</span></li>
<li><span style="font-weight:normal;"><a href="http://feedbackarmy.com/">FeedbackArmy</a> is a usability testing service that’s simple to use and inexpensive. It only takes a couple minutes to set up a usability test, and you get 10 reponses for US$10. It’s one of the more inexpensive options for gathering usability info, and can be customized more than many similar options.</span></li>
</ol>
<h2>Screencasting Software</h2>
<p>Using screencasting software in usability testing makes a lot of sense. After all, one of the primary goals of usability testing is to find where users are getting hung up. By capturing everything that happens on their screen, you can better determine exactly what is slowing them down.</p>
<ol>
<li><a href="http://www.telestream.net/screen-flow/overview.htm">ScreenFlow</a> is one such software program. The Screening Room offers a great overview of <a href="http://blogs.telestream.net/screenflow/2009/11/screenflow-in-usability-testing/">how they used ScreenFlow</a> in their own usability testing when launching their new site.</li>
<li><a href="http://camstudio.org/">CamStudio</a> is an open source screencasting software that works on Windows machines to capture everything you do on screen. Unlike many screencasting solutions, CamStudio is free.</li>
<li><a href="http://www.screencast-o-matic.com/">Screencast-o-Matic</a> is another free screencasting software that works within a browser, making it particularly well-suited to website usability testing where your users might not be centralized in one place.</li>
<li>If you’re really serious about screencasting (and will likely use software for more than just usability testing), <a href="http://www.adobe.com/products/captivate/">Adobe Captivate</a> might be the solution for you. It’s aimed at the educational market, so is probably overkill for many applications (especially since it’s nearly US$800), but it is an option.</li>
<li>For more screencasting options (there are plenty of them out there), check out Mashable’s <a href="http://mashable.com/2008/02/21/screencasting-video-tutorials/">12 Screencasting Tools for Creating Video Tutorials</a> or Wikipedia’s <a href="http://en.wikipedia.org/wiki/List_of_screencasting_software">List of Screencasting Software</a>.</li>
</ol>
<h2>Additional Roundups and Resources</h2>
<p>Some other blogs out there have already compiled some excellent resource lists covering usability testing-related topics. The best are included below.</p>
<ol>
<li>Grundyhome.com has a very thorough guide to usability testing, called the <strong><a href="http://grundyhome.com/2009/08/29/ultimate-usability-testing-toolkit/">Ultimate Usability Testing Toolkit</a></strong>, which offers up a ton of great tools and methods, along with exactly how to implement them. Items included are well-categorized, making it a very easy toolkit to use despite it’s broad scope.</li>
<li>Speckyboy Design Magazine has an excellent roundup of usability guides, titled <strong><a href="http://speckyboy.com/2009/11/25/an-introduction-to-understanding-and-implementing-web-usability/">An Introduction to Understanding and Implementing Web Usability</a></strong> that includes a ton of great resources (some of which have been mentioned above already).</li>
<li>Tripwire Magazine has a great roundup of usability and other testing tools, titled <strong><a href="http://www.tripwiremagazine.com/2009/11/35-freelancer-tools-and-services-for-testing-web-projects.html">40+ Freelancer Tools and Services for Testing Web Projects</a></strong>. While it includes more than just usability testing information, it does include a number of valuable tools that can be helpful in determining your site’s usability.</li>
<li>Inspect Element offers a roundup and evaluation of some top usability testing tools, titled <strong><a href="http://inspectelement.com/articles/usability-testing-review/">Review of Easy and Inexpensive Tools for Usability Testing,</a></strong> which lists the pros and cons of each tool listed.</li>
<li>Useful Usability has a roundup of <strong><a href="http://www.usefulusability.com/15-valuable-usability-pdfs-you-never-heard-of/">15 Valuable Usability PDFs You Never Heard Of</a></strong>. The list includes some excellent resources for creating user-friendly designs, including some that can help you design more effective usability tests.</li>
<li>Webdesigner Depot offers valuable coverage of <strong><a href="http://www.webdesignerdepot.com/2009/06/10-tools-to-improve-your-site%E2%80%99s-usability-on-a-low-budget/">10 Tools to Improve Your Site’s Usability on a Low Budget</a></strong>. It includes reviews of ten tools, including what they’re best suited for.</li>
</ol>
<p><strong>Related articles by Zemanta</strong></p>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://www.time.com/time/business/article/0,8599,1936426,00.html?xid=rss-mostpopular">Eyetracking: Why We Watch Some Web Ads and Not Others</a> (time.com)</li>
<li class="zemanta-article-ul-li"><a href="http://r.zemanta.com/?u=http%3A//www.time.com/time/business/article/0%2C8599%2C1936426%2C00.html%3Fxid%3Drss-business&amp;a=9341109&amp;rid=3da2ce42-70bb-45f4-82fb-c70ee609bb4d&amp;e=dae8424bd149f0bc70315e8d3cd3eb0d">Why We Look at Some Web Ads and Not Others</a> (time.com)</li>
<li class="zemanta-article-ul-li"><a href="http://www.blogstorm.co.uk/creating-usable-high-converting-web-forms/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=creating-usable-high-converting-web-forms">Creating Usable &amp; High Converting Web Forms</a> (blogstorm.co.uk)</li>
<li class="zemanta-article-ul-li"><a href="http://blogoscoped.com/archive/2009-09-24-n85.html">Uses Hate Change</a> (blogoscoped.com)</li>
<li class="zemanta-article-ul-li"><a href="http://www.slideshare.net/Manojalpa/evaluation-and-usability-for-games">Evaluation And Usability for Games</a> (slideshare.net)</li>
</ul>
<div class="zemanta-pixie" style="margin-top:10px;height:15px;"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/3da2ce42-70bb-45f4-82fb-c70ee609bb4d/"><img class="zemanta-pixie-img" style="border:none;float:right;" src="http://img.zemanta.com/reblog_e.png?x-id=3da2ce42-70bb-45f4-82fb-c70ee609bb4d" alt="Reblog this post [with Zemanta]" /></a></div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/designtocoding.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/designtocoding.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/designtocoding.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/designtocoding.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/designtocoding.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/designtocoding.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/designtocoding.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/designtocoding.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/designtocoding.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/designtocoding.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/designtocoding.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/designtocoding.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/designtocoding.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/designtocoding.wordpress.com/33/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=designtocoding.wordpress.com&amp;blog=10965833&amp;post=33&amp;subd=designtocoding&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://designtocoding.wordpress.com/2009/12/17/design-to-coding-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/8ef5716e4147a1f683193b94232ec825?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">nukecpower</media:title>
		</media:content>

		<media:content url="http://img.zemanta.com/reblog_e.png?x-id=3da2ce42-70bb-45f4-82fb-c70ee609bb4d" medium="image">
			<media:title type="html">Reblog this post [with Zemanta]</media:title>
		</media:content>
	</item>
		<item>
		<title>Free Chart Scripts</title>
		<link>http://designtocoding.wordpress.com/2009/12/16/free-chart-scripts/</link>
		<comments>http://designtocoding.wordpress.com/2009/12/16/free-chart-scripts/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 14:45:33 +0000</pubDate>
		<dc:creator>nukecpower</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Javascripts]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[MochiKit]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[AmCharts]]></category>
		<category><![CDATA[Emprise Javascript Charts]]></category>
		<category><![CDATA[Flot]]></category>
		<category><![CDATA[FusionCharts]]></category>
		<category><![CDATA[Google Chart]]></category>
		<category><![CDATA[Highcharts]]></category>
		<category><![CDATA[JFreeChart]]></category>
		<category><![CDATA[Open Flash Chart]]></category>
		<category><![CDATA[PHP/SWF Charts]]></category>
		<category><![CDATA[Plotkit]]></category>
		<category><![CDATA[Visifire]]></category>

		<guid isPermaLink="false">http://designtocoding.wordpress.com/?p=15</guid>
		<description><![CDATA[Highcharts is a JavaScript charting library for creating interactive charts in various types (line, spline, area, areaspline, column, bar, pie &#38; scatter). It works in all modern browsers including the iPhone and Internet Explorer from version 6. Standard browsers use the Canvas &#8230; <a href="http://designtocoding.wordpress.com/2009/12/16/free-chart-scripts/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=designtocoding.wordpress.com&amp;blog=10965833&amp;post=15&amp;subd=designtocoding&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.highcharts.com/" target="_blank"><strong>Highcharts</strong></a> is a <strong><strong>JavaScript</strong> charting library</strong> for creating <strong>interactive charts</strong> in various types (line, spline, area, areaspline, column, bar, pie &amp; scatter). It works in all modern browsers including the iPhone and Internet Explorer from version 6. Standard browsers use the Canvas element and in some cases SVG for the graphics rendering. In Internet Explorer graphics are drawn using VML.</p>
<div id="attachment_20" class="wp-caption aligncenter" style="width: 510px"><a href="http://designtocoding.files.wordpress.com/2009/12/highchart_1.png"><img class="size-full wp-image-20" title="highchart_1" src="http://designtocoding.files.wordpress.com/2009/12/highchart_1.png?w=500&#038;h=258" alt="" width="500" height="258" /></a><p class="wp-caption-text">A Combination chart of Column, Line and Pie with Dark-Green style</p></div>
<p><strong><a title="Flot" href="http://code.google.com/p/flot/" target="_blank">Flot</a></strong> – Flot is a pure Javascript plotting library for <a rel="nofollow" href="http://jquery.com/">jQuery</a>. The focus is on easy usage , attractive plots and interactive features. With Flot you can interact with the data, look at specific data by zooming in, plot a time series, and other various options.</p>
<div id="attachment_22" class="wp-caption aligncenter" style="width: 510px"><a href="http://designtocoding.files.wordpress.com/2009/12/flotchart_1.png"><img class="size-full wp-image-22" title="FlotChart" src="http://designtocoding.files.wordpress.com/2009/12/flotchart_1.png?w=500&#038;h=251" alt="" width="500" height="251" /></a><p class="wp-caption-text">Flotchart with lines, points, filled areas, bars and any combinations of these, in the same plot and even on the same data series.</p></div>
<p><a href="http://code.google.com/apis/chart/">Google Chart API</a> &#8211; The Google Chart API lets you dynamically generate charts. To see the Chart API in action, open up a browser window and copy the following URL into the address bar:</p>
<p><strong><a title="Open Flash Chart Open Source Charting Component" href="http://teethgrinder.co.uk/open-flash-chart/" target="_blank">Open Flash Chart</a></strong> – Open Flash Chart is a Flash charting component. It is fairly easy to setup and has classes written in PHP, Perl, Python, Java, Ruby on Rails, and .Net to connect to the Chart. You can create some really nice looking Bar Charts, Pie Charts, Area Charts and etc…</p>
<div id="attachment_24" class="wp-caption aligncenter" style="width: 510px"><a href="http://designtocoding.files.wordpress.com/2009/12/openflashchart_1.png"><img class="size-full wp-image-24" title="openflashchart_1" src="http://designtocoding.files.wordpress.com/2009/12/openflashchart_1.png?w=500&#038;h=175" alt="" width="500" height="175" /></a><p class="wp-caption-text">3D Bar Chart by OpenFlashChart</p></div>
<p><strong><a title="AmCharts" href="http://www.amcharts.com/" target="_blank">AmCharts</a></strong> – AmCharts are animated interactive flash charts. The charts include Pie Charts, Line Charts, Scatter/Bubble Charts, Bar/Column Charts, and even a stock chart. AmCharts can extract data from simple CSV<strong> </strong>or XML files, or they can read dynamic data generated with PHP, .NET, Java, Ruby on Rails, Perl and ColdFusion. All the charts are free but they have a link to AmCharts on the upper left.</p>
<div id="attachment_26" class="wp-caption aligncenter" style="width: 509px"><a href="http://designtocoding.files.wordpress.com/2009/12/amchart_1.png"><img class="size-full wp-image-26" title="amchart_1" src="http://designtocoding.files.wordpress.com/2009/12/amchart_1.png?w=499&#038;h=278" alt="" width="499" height="278" /></a><p class="wp-caption-text">Stock Chart</p></div>
<p><strong><a title="Plotkit" href="http://www.liquidx.net/plotkit/" target="_blank">PlotKit</a></strong> – PlotKit is a Chart and Graph Plotting Library for Javascript. PlotKit works with <a title="Mochikit" href="http://www.mochikit.com/" target="_blank">MochiKit</a> javascript library. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit also has great documentation.</p>
<p><strong><a title="Flotr" href="http://solutoire.com/flotr/" target="_blank">Flotr</a></strong> – Flotr is a javascript plotting library based on the <a href="http://prototypejs.org/">Prototype</a> Framework version 1.6.0.2. Flotr lets you create graphs in modern browsers with features like legend support, negative value support, mouse tracking, selection support, zoom support, event hooks, CSS styling support and much more.</p>
<p><strong><a href="http://www.maani.us/xml_charts/">XML/SWF Charts</a></strong> – XML/SWF Charts is a simple, yet powerful tool to create attractive charts and graphs from XML data. Create an XML source to describe a chart, then pass it to this tool&#8217;s flash file to generate the chart. The XML source can be prepared manually, or generated dynamically using any scripting language (PHP, ASP, CFML, Perl, etc.) XML/SWF Charts makes the best of both the XML and SWF worlds. XML provides flexible data generation, and Flash provides the best graphic quality.</p>
<div id="attachment_25" class="wp-caption aligncenter" style="width: 510px"><a href="http://designtocoding.files.wordpress.com/2009/12/xml_chart.png"><img class="size-full wp-image-25" title="xml_chart" src="http://designtocoding.files.wordpress.com/2009/12/xml_chart.png?w=500&#038;h=229" alt="" width="500" height="229" /></a><p class="wp-caption-text">Various Types of Charts generated by XML/SWF Charts</p></div>
<p><strong><a title="visifire" href="http://www.visifire.com/" target="_blank">Visifire</a> </strong>– Visifire (Powered by Silverlight) is a set of open source data visualization components. With Visifire you can create animated Silverlight Charts with ASP, ASP.Net, PHP, JSP, ColdFusion, Ruby on Rails or just simple HTML.</p>
<div id="attachment_29" class="wp-caption aligncenter" style="width: 510px"><a href="http://designtocoding.files.wordpress.com/2009/12/visifire_chart.png"><img class="size-full wp-image-29" title="visifire_chart" src="http://designtocoding.files.wordpress.com/2009/12/visifire_chart.png?w=500&#038;h=278" alt="" width="500" height="278" /></a><p class="wp-caption-text">Visifire various chart types</p></div>
<p><strong><a onclick="return mugicPopWin(this,event);" oncontextmenu="mugicRightClick(this);" title="FusionCharts Free Flash Charts" href="http://www.fusioncharts.com/Free/" target="_blank">FusionCharts</a></strong> – FusionCharts is a cross-browser and cross-platform flash charting component that can be used with ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, simple HTML pages or even PowerPoint Presentations. All you need to know is the language you’re programming in.</p>
<p><strong><a title="JFreeChart - Free Java Chart Library" href="http://www.jfree.org/jfreechart/" target="_blank">JFreeChart</a></strong> – JFreeChart is an open source Java chart library that makes it easy for developers to display quality charts in their applications. The JFreeChart project was founded seven years ago, in February 2000, by David Gilbert and is used by approximately 40,000 to 50,000 developers. JFreeChart supports many different output types that includes JPEG, GIF, PDF, EPS and SVG. This is a great resource for Java developers.</p>
<div id="attachment_30" class="wp-caption aligncenter" style="width: 510px"><a href="http://designtocoding.files.wordpress.com/2009/12/piechart3ddemo1.png"><img class="size-full wp-image-30" title="PieChart3DDemo1" src="http://designtocoding.files.wordpress.com/2009/12/piechart3ddemo1.png?w=500&#038;h=294" alt="" width="500" height="294" /></a><p class="wp-caption-text">3D Pie Chart</p></div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/designtocoding.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/designtocoding.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/designtocoding.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/designtocoding.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/designtocoding.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/designtocoding.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/designtocoding.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/designtocoding.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/designtocoding.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/designtocoding.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/designtocoding.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/designtocoding.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/designtocoding.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/designtocoding.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=designtocoding.wordpress.com&amp;blog=10965833&amp;post=15&amp;subd=designtocoding&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://designtocoding.wordpress.com/2009/12/16/free-chart-scripts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/8ef5716e4147a1f683193b94232ec825?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">nukecpower</media:title>
		</media:content>

		<media:content url="http://designtocoding.files.wordpress.com/2009/12/highchart_1.png" medium="image">
			<media:title type="html">highchart_1</media:title>
		</media:content>

		<media:content url="http://designtocoding.files.wordpress.com/2009/12/flotchart_1.png" medium="image">
			<media:title type="html">FlotChart</media:title>
		</media:content>

		<media:content url="http://designtocoding.files.wordpress.com/2009/12/openflashchart_1.png" medium="image">
			<media:title type="html">openflashchart_1</media:title>
		</media:content>

		<media:content url="http://designtocoding.files.wordpress.com/2009/12/amchart_1.png" medium="image">
			<media:title type="html">amchart_1</media:title>
		</media:content>

		<media:content url="http://designtocoding.files.wordpress.com/2009/12/xml_chart.png" medium="image">
			<media:title type="html">xml_chart</media:title>
		</media:content>

		<media:content url="http://designtocoding.files.wordpress.com/2009/12/visifire_chart.png" medium="image">
			<media:title type="html">visifire_chart</media:title>
		</media:content>

		<media:content url="http://designtocoding.files.wordpress.com/2009/12/piechart3ddemo1.png" medium="image">
			<media:title type="html">PieChart3DDemo1</media:title>
		</media:content>
	</item>
	</channel>
</rss>
