Total Followers 132,503
Diagrams are often used to help visualize something. What to do if you need to create a chart but don’t have a software like Microsoft Office? I’ve collected 32 online tools for creating diagrams, flowcharts, charts and graphs and all you need to use them is a web browser.
Certainly, you won’t need them all, but I offer you the choise to choose best from the best. Each of them has it’s own pros and cons, and I hope you’ll be able to choose the best option for you.
With ChartGizmo you can create different kind of charts for your website, blog and social network profiles.
Simple online tool for creating bar charts. Choose your image size, colors, enter all values and export your chart as png. I created this chart below in like 2 minutes.
Bubbl.us is a simple and free web application that lets you brainstorm online. With Bubbl you can:
AmCharts is a set of Flash charts for your websites and Web-based products. AmCharts can extract data from simple CSV or XML files, or they can read dynamic data generated with PHP, .NET, Java, Ruby on Rails, Perl, ColdFusion, and many other programming languages.
On OnlineChartTool you can choose from 10 chart types, choose charts style, add data, customize labels and fonts, preview your graph and then save and share it.
ChartGo allows users to create charts online quickly. Create bar charts, line charts or pie charts. Simply paste your data in the chart data area and hit the create chart button. In my opinion, one of the most useful tools for creating charts.
Chartle is Java based online tool that allows you to easily create different types of charts and then publish them.
Here you will find five different graphs and charts for you to consider. You can create graphs in 3D, customize fonts, colors and then choose one of six file formats to save it.
FusionCharts Google Gadget is widget that help you create animated flash charts & graphs for your web pages, blogs & Google Pages. Be it your sales chart, inventory chart or your personal weight chart, FusionCharts can render an exciting face to all your boring data tables – for free.
DIY (Do it yourself) Chart is a web-based, simple and powerful online tool to create interactive charts and graphs from static or dynamic data which may be generated using any scripting language. The minus is that in free version there will be a logo watermark.
The only on-the-fly generator for bar charts in the net. With this easy to use interface you can create a design your bar charts in seconds. A whole bunch of features is waiting for you – from defining the output size, over colors for each bar, titles for x and y axis, to color of font and bar backgrounds and much more.
Good looking jQuery using tool that allows you to choose from over 10 types of charts, customize them and get the image or embed the chart.
The Google Chart Tools enable adding live charts to any web page. Using these tools allow you to create rich gallery of visualizations provided as image charts by using a simple URL request to a Google chart server or interactive charts using a Google developed JavaScript library.
Just enter number of slices, label, all the values and PieColor will generate you an image, which you can then download and share.
Cacoo is a user-friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Choose from a number of stencils. It’s just so easy to make great diagrams.
JS Charts is a JavaScript chart generator that requires little or no coding. JS Charts allows you to easily create charts in different templates like bar charts, pie charts or simple line graphs. Keep in mind that it’s only free for non – commercial use.
Creately is a powerful online Organizational Chart software for creating quick and easy organizational charts, department & team org charts and even photo org charts. It works in your browser and contains templates and elements that you can use.
Allows you to create and share simple UML diagrams in your blogs, wikis, forums, bug-trackers and emails.
Mind42 is a browser based online mind mapping application. With Mind42 installing mind mapping tools is no longer needed – for a hassle-free mind mapping experience. Just open the browser and launch the application when needed.
Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.
Create and share consecutive diagrams just by writing sentences.
Product Planner help people understand and create user flows for their web products. See how other websites and products work and then create your own.
LucidChart is an online flowchart maker app where you can create and publish customized flowcharts. It’s easy to use, feature rich and has a decent free option which includes 5 MB storage for your documents and works in most of the browsers.
SlickPlan is a web-based sitemap/flowchart generator that allows for the creation of free sitemap and flowchart design. SlickPlan was handcrafted with PHP/MySQL and jQuery by the Dayton website design team at Atomic Interactive.
Useful iPhone app that lets you create and manage all kind of charts, i.e charts to track and monitor your expenses, weight, mileage and more. You can also map your data on a line, bar graph or a pie chart, apply different color schemes and share charts by email.
ChartPart is a web tool that lets you instantly create charts online. The application supports different types of charts including pie charts, line graphs and grouped bars.
Though pretty pixelated, but really easy tool to create 3D pie charts.
Totally old school. Simple to use, but only bar graph with limited features is available.
With Gliffy online diagram software, you can easily create professional-quality flowcharts, diagrams, floor plans, technical drawings, and more.
LovelyCharts is a free online diagram editor that allow you create chart and diagram freely on the web browser. On lovely chart, there are various of diagram can be produces such as creating flowcharts, sitemaps, network diagrams, people diagrams, basic symbols,and wireframes.
Really easy tool to generate charts. Choose from 9 types.
The OWT Chart Generator is an online tool to be used to produce charts. A GIF image of the chart that you specified will be displayed on the screen.
Get The Only Freelancer crash course you will ever need to read!
chilling, living, dreaming. you can check out my blog, find me on flickr and follow me on twitter.
Wednesday, May 2nd, 2012 05:25
“9. Google FusionCharts Gadget”
I don’t think Google owns FusionCharts …
Thursday, October 13th, 2011 10:03
Thank you for being the tutor on this niche. My spouse and i enjoyed your own article very much and most of all enjoyed reading how you handled the issues I regarded as being controversial. You are always extremely kind towards readers much like me and assist me in my living. Thank you.
Saturday, August 6th, 2011 05:02
Thanks for sharing the tools to make diagrams, Diagrams make it easy to represent the fact and figures.
Friday, August 5th, 2011 10:25
Awesome list. Diagrams are all about color and aesthetics. Yet, when dealing with something as subjective as color, you need to ensure that there are ways in which you can use it effectively. You can find some interesting tips here, specifically for those who do diagram.
Wednesday, June 29th, 2011 09:24
Wooow, That’s very good diagrams tools, I love to use them thanks
Tuesday, February 22nd, 2011 16:39
Thanks for the list. There is also a nice tool, which can be used both as a free diagram building web service and site component. Check it.
Monday, October 11th, 2010 03:23
Hi
I linked to this page on my journalism blog for uni.
Thanks!
Thursday, July 8th, 2010 20:20
These are great. I’m going to try the Bubbl.us. It would be cool to see one of your bubbls. Maybe I’ll share one of mine with you. Thanks! @OrlandoKen
Thursday, July 8th, 2010 10:14
Great list! But I do miss Open Flash Chart ( http://teethgrinder.co.uk/open-flash-chart-2/ ). It’s free, open source and has a lot of different charts. We’ve used it several times.
Thursday, July 8th, 2010 09:55
Hi,
Thanks a lot for mentioning Creately in this post!
But, Creately is not only an online organizational software. It’s an online diagramming software with excellent support for wireframes, mockups, web sitemaps, UML diagrams and a host of other diagram types. Check this to learn more about the different diagrams you can make with Creately
Cheers
Indu
Thursday, July 8th, 2010 14:46
Very useful, I’ll even use some of these resources. already gone to favorites :)
Thursday, July 8th, 2010 08:49
This article and the tools mentioned in it will come pretty handy when doing some projects. Thanks a lot mate
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
Just enter your name and email below and click Get Updates!
Rex Sacayan
Thursday, July 8th, 2010 07:25
Nice article! Thanks for the resources.
Ken DeGilio
Thursday, July 8th, 2010 20:20
These are great. I’m going to try the Bubbl.us. It would be cool to see one of your bubbls. Maybe I’ll share one of mine with you. Thanks! @OrlandoKen
Jordan Walker
Monday, July 12th, 2010 15:52
Great round up of different diagram creating tools.
Joshua
Thursday, July 8th, 2010 10:14
Great list! But I do miss Open Flash Chart ( http://teethgrinder.co.uk/open-flash-chart-2/ ). It’s free, open source and has a lot of different charts. We’ve used it several times.
Indu
Thursday, July 8th, 2010 09:55
Hi,
Thanks a lot for mentioning Creately in this post!
But, Creately is not only an online organizational software. It’s an online diagramming software with excellent support for wireframes, mockups, web sitemaps, UML diagrams and a host of other diagram types. Check this to learn more about the different diagrams you can make with Creately
Cheers
Indu
Simon
Thursday, July 8th, 2010 08:49
This article and the tools mentioned in it will come pretty handy when doing some projects. Thanks a lot mate
OtavioZ
Thursday, July 8th, 2010 14:46
Very useful, I’ll even use some of these resources. already gone to favorites :)
Ibrahim
Friday, July 16th, 2010 04:36
Cool, particularly Bubbl.us, I’ll definitely try it.
Aparna
Monday, August 23rd, 2010 11:30
Thanks for the sharing the wonderful resources !
Danny
Thursday, October 13th, 2011 10:03
Thank you for being the tutor on this niche. My spouse and i enjoyed your own article very much and most of all enjoyed reading how you handled the issues I regarded as being controversial. You are always extremely kind towards readers much like me and assist me in my living. Thank you.
Olivier
Wednesday, May 2nd, 2012 05:25
“9. Google FusionCharts Gadget”
I don’t think Google owns FusionCharts …
Fred
Saturday, August 6th, 2011 05:02
Thanks for sharing the tools to make diagrams, Diagrams make it easy to represent the fact and figures.
Rohitha Peter
Friday, August 5th, 2011 10:25
Awesome list. Diagrams are all about color and aesthetics. Yet, when dealing with something as subjective as color, you need to ensure that there are ways in which you can use it effectively. You can find some interesting tips here, specifically for those who do diagram.
Emily
Monday, October 11th, 2010 03:23
Hi
I linked to this page on my journalism blog for uni.
Thanks!
Samir
Tuesday, February 22nd, 2011 16:39
Thanks for the list. There is also a nice tool, which can be used both as a free diagram building web service and site component. Check it.
Web Designing
Wednesday, June 29th, 2011 09:24
Wooow, That’s very good diagrams tools, I love to use them thanks