Posts Tagged ‘chart’

Social Media Marketing

 

Most businesses around the globe depend in one way or another, to the mot powerful media or way to advertisement, to boost sales and make their companies known.This vector depicts growth of such trend, which is social media. Use this vector but be sure to attribute us. This vector is under Creative Commons Attribution License.Have fun using.

DOWNLOAD HERE :  socialmediamarketing by VectorOpenStock

 

 

10 Completely Free Wireframing and Mockup Tools

The wireframing process is the straight-to-the-point and completely non-tech stage of any web project. It only requires that you define a skeletal outline of essential page elements such as headers, footers, navigation and content area and should illustrate how to cater and respond to any possible interaction from a user.
It is the most important, yet underused, stage of any web or apps development.

There are several avenues you could take for sketching a wireframe, most notably pen and paper (the easiest and most cost effective way), but for the sake of this article we have focused on apps that are not only highly effective and easy to use, they are also completely free.

We have covered free wireframe apps before (here), but a year is a long time in web development – some of the apps we had previously covered are either no longer completely free or are no longer available. And as such, we felt that we should compile a new list with more detail and covering all areas of design including web pages, mobile apps and application dev.
As well as showcasing a variety of free apps (11 in total), at the bottom of the post, we have also highlighted some premium wireframing services that do offer free, yet limited, options. You may like to try them.

Please note that all of these apps have been confirmed as completely free on this articles publishing date.

Lumzy - Quick Mockup Creation and Prototyping Tool
With Lumzy, you can create mockups of how your site or application will function by adding events from the extensive list of controls on offer. As well as having great tools for creating your mockup, you can also create Message Alerts, interactive Page Navigation, add Links to external content, and much more. It does offer a great set collaboration tools for live team editing and a chat engine for deliberating over designs. All of this and it is absolutely FREE.
Lumzy Homepage →View Editor →

Lumzy Editor Screenshot

Lumzy Demo

Mockup Builder
Mockup Builder has just recenly been released and looks very promising. It is feature-rich and versatile by allowing you create various prototyping styles, including: UI mockups, interactive wireframes, website layouts, desktop software prototypes and even sitemaps & screen navigation.
Of course, it does come with great collaboration tools for sharing with clients and colleagues. And yes, it is completely FREE.
Mockup Builder Homepage →View Editor →

Mockup Builder Editor Screenshot

Mockup Builder Demo

Tiggr - Creating Prototypes Collaboratively
The idea behind Tiggr (currently in beta) is to give you the resources needed to create prototypes (for web, app or mobile) that look and feel like the final product. It allows you to design from a large number of components, share (via email, Twitter or Facebook), you can collaborate with any number of users and will generate an HTML/JS/CSS so that you can preview your UI mockups very quickly. A 10 second registration (email & password) is the only thing you have to go through to use this fantastic FREE tool.
Tiggr Homepage →

Tiggr Editor Screenshot

Tiggr - Creating Prototypes Collaboratively

Frame Box - Lightweight Online Tool for Creating Mockups
Frame Box does not have an extensive list of features (like the web based apps above). You can drag and drop, re-size and copy/paste the UI units, but its main focus, and why we like it so much, is that it allows you to create your mockup/prototype very, very quickly by using its very easy to use drag and drop interface. Again, this app is FREE and only requires a quick registration.
Frame Box Homepage →

SimpleDiagrams Adobe Air App
SimpleDiagrams (free version) is a tiny Adobe Air app that helps you express your design ideas quickly and simply. Drag & drop symbols from its libraries, add images or post-notes, export as a PNG are all of its features, adding up to just just enough functionality to create a decent mockup.
SimpleDiagrams Homepage →

iPhone Mockup
With iPhone Mockup you have a choice of using either the Pencil styled editor (screenshot above) or the Illustration editor (screenshot below). Whichever editor you decide to use, the functionality remains the same: Its a very simple and easy to use app that allows you to create your own iPhone mockups very quickly, share them with other people at the click of a button, and any changes you make will by synced to everyone who has the mockup’s URL.
iPhone Mockup Homepage →Illustration Editor →Pencil Editor →

iPhone Mockup Editor Screenshot

iPhone Mockup

fluidIA
fluidIA is a downloadable web based design tool for prototyping rich user interfaces. It allows for rapid refinement and exploration of concepts using an object-oriented approach to design. The original idea behind fluidIA is to discover whether a group of interaction designers, IA’s, UX professionals and developers can create there own prototyping tool in an open way. Progress on FluidIA has been a little bit slow recently, but the actual app works perfectly for designing a wireframe mockup.
fluidIA Homepage →Fluidia (GitHub) →

fluidIA Editor Screenshot

fluidIA

Pencil Project
Pencil Project is a free and opensource Firefox addon for designing GUI prototypes. With its built-in stencils you can create linked multi-page UI documents and finally export your mockup in either HTML, PNG, Openoffice.org document, Word document or PDF. What more would you want from a wireframing app? This truly is an essential Firefox extension that any serious developer or designer should use.
Pencil Project Homepage →Screenshots →

Pencil Project Editor Screenshot

Pencil Project Screenshots

CogTool - General Purpose UI Prototyping Tool
CogTool is a FREE and powerful general purpose UI prototyping tool with a difference – it automatically evaluates your design with a predictive human performance model (a “cognitive crash dummy”). You simply create a storyboard of your design idea with sketches, images or on a canvas with CogTool’s widgets, demonstrate tasks on that storyboard, then press a button to produce a valid cognitive model predicting how long it will take a skilled user to complete those tasks. CogTool offers a lot of support via its extensive user guides, step-by-step tutorials (video and articles), its forum and also offers example files to help you get started.
CogTool Homepage →

Software Prototyping - Serena Software
Prototype Composer makes it possible to simulate how an application will look and function before any code is ever written. Instead of endless text entries, complex data hierarchies, or too technical UML diagrams, Serena Prototype Composer makes it easy for business users and business analysts to collaborate on requirements by building simple, high fidelity prototypes that simulate a working application. It is a tool for prototyping data, processes, activities and most importantly, user interfaces. The application also works as a fairly easy to use Project Management tool.
The Community Edition is its free version which allows users to work in a sample project as well as in one user-defined project.
Prototype Composer Homepage →

DUB - DENIM
DENIM is a free desktop application that is available for Windows, Unix, and Mac OS X. DENIM describes itself as “an Informal Tool For Early Stage Web Site and UI Design”.
It combines many of the benefits of paper-based sketching with existing electronic prototyping tools. It allows designers to quickly sketch an interface, preserving the important properties of pencil and paper: a rough drawing can be produced quickly and the medium is flexible. However, unlike a paper sketch, this electronic sketch is interactive and can easily be annotated and modified.
DUB – DENIM Homepage →

All of the Wireframe/Prototype/Mockup web-based applications below are premium services that do offer a free, yet limited, option. You may like to try them:

MockFlow: Online Wireframe Tool

MockFlow: Online Wireframe Tool
MockFlow Homepage →

Gliffy – Online Diagram Software and Flowchart Software

Gliffy - Online Diagram Software and Flowchart Software
Gliffy Homepage →

Naview – Create Easier Navigations Through Prototyping and Testing

Naview - Create Easier Navigations Through Prototyping and Testing
Naview Homepage →

iPlotz – Wireframing, Mockups and Prototyping

iPlotz - Wireframing, Mockups and Prototyping
iPlotz Homepage →

Creately – Collaborative Online Diagram Software

Creately - Collaborative Online Diagram Software
Creately Homepage →

FlairBuilder – Wireframes. Mockups. Prototypes

FlairBuilder - Wireframes. Mockups. Prototypes
FlairBuilder Homepage →

Cacoo – Create Diagrams Online

Cacoo - Create Diagrams Online
Cacoo Homepage →

Mockabilly – iPhone app mockup

Mockabilly - iPhone app mockup
Mockabilly Homepage →

You may also like…

An Introduction to HTML Prototyping →
A Collection of Useful Web Design Wireframing Resources →
A Collection of Printable Web Browser Sketching and Wireframe Templates →
15 Javascript Web UI Libraries, Frameworks and Toolkits →
25 UI Inspiration and Design Pattern Resources →
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices →
25 Free Pictogram and Symbols Sign Icon Sets →
Illustrator Template Toolbox for Web, Mobile and App Developers →
20 Free Web UI Element Kits and Stencils →


50 Free Tools and Apps for Web Designers and Developers

Over the past year or so I have bookmarked hundreds of various tools and resources covering all aspects of web & mobile development – There are tools that will improve your work-flow, resources that will clean and validate code, apps that will allow you to collaborate with any number of colleagues, bookmarklets that let you create mockups within your browser, productivity checklists, sites that will track and keep a watchful eye on your sites… and on … and on.

So, having all of these amazing bookmarks, I thought I would share my 50 favorites with you.

I have split the article into the following sub-categories for easier browsing: General Web Development Tools, Web Typography Apps, Browser Tools, Web Site Analysis Apps and, finally, Productivity Apps & Tools.
The apps also don’t include frameworks, Javascript plugins nor template tools, they are all strictly small tools that can help with your development productivity.

Compiling an article about my favorite free web development apps from the past year or so, as you can imagine, was not an easy task, and the chances are that I may have missed a few, so why don’t you tell us about your favorite free development apps within the comment section below. You never know we might collate enough for a part 2 of this post!

ProCSSor – Advanced CSS Prettifier

ProCSSor - Advanced CSS Prettifier
ProCSSor is a useful tool that will 'prettify' and format CSS files on the fly.
ProCSSor – Advanced CSS Prettifier →

ScriptSrc.net

ScriptSrc.net
Tired of hunting down the script tag for the latest version of your Javascript Library of choice? ScriptSrc allows you to copy the latest library (jQuery, MooTools, YUI…) script tags.
ScriptSrc.net →

HTMLform.com

HTMLform.com
With HTMLform.com all you have to do is design your HTML form and you will get a Zip file that can be very easy installed in your website, with everything needed to make it work: a form that can be embedded in any webpage, a small but very potent database to suit your needs, a tool for checking data online and a button for exporting to CSV and Excel formats.
HTMLform.com →

Spritebox

Spritebox
Spritebox is a WYSIWYG tool to quickly and easily create CSS classes and IDs from a single sprite image.
Spritebox →

HTML Purifier

HTML Purifier
HTML Purifier is a standards-compliant HTML filter library written in PHP. It will not only remove all malicious code (better known as XSS) with a thoroughly audited, secure yet permissive whitelist, it will also make sure your documents are standards compliant.
HTML Purifier →

Tiny Fluid Grid

Tiny Fluid Grid
Tiny Fluid Grid is a super-simple CSS grid framework generator, inspired by the 1kb Grid, that ships with an index.html with demo code, and the grid.css containing the CSS for the grid you created.
Tiny Fluid Grid →

TABLEIZER!

TABLEIZER!
TABLEIZER! is a quick tool for creating HTML tables from spreadsheet data.
TABLEIZER! →

Try Ruby! (in your browser)

Try Ruby! (in your browser)
If you haven't as yet tried Ruby, with Try Ruby! you can take the quick and painless Ruby tutorial and then test your knowledge directly in your browser.
Try Ruby! (in your browser) →

Plupload

Plupload
Plupload allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and batch uploads.
Plupload →

Favigen: Favicon Generator

Favigen: Favicon Generator
Favigen: Favicon Generator →

Super Conversion Button

Super Conversion Button
A call-to-action is one of the most important parts of any web page, displaying the primary action you want people to take. With this simple tool you can create a beautiful, effective call-to-action button in seconds
Super Conversion Button →

Subfolio

Subfolio
Subfolio is made for creative types to share their work online with speed and elegance – publicly or privately. It’s good for freelancers, studios, agencies, enterprise or even the classroom.
Subfolio →

jsFiddle

jsFiddle
JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc.
jsFiddle →

A/B Split Testing Calculator

A/B Split Testing Calculator
A/B Split Testing Calculator →

Frame Box – Lightweight online tool for creating mockups

Frame Box - Lightweight online tool for creating mockups
Frame Box does not have an extensive list of features (like the web based apps above). You can drag and drop, re-size and copy/paste the UI units, but its main focus, and why we like it so much, is that it allows you to create your mockup/prototype very, very quickly
Frame Box – Lightweight online tool for creating mockups →

App Inventor for Android

App Inventor for Android
To use the Android App Inventor, you do not need to be a professional developer, instead of writing code, you visually design the way the app looks and use blocks to specify the app's behavior.
App Inventor for Android →

HTML-Ipsum

HTML-Ipsum
HTML Ipsum is a great tool that gives you lorem ipsum snippets with HTML markup to help test your CSS.
HTML-Ipsum →

CSS3 Button Maker

CSS3 Button Maker
CSS3 Button Maker →

CSS3 Click Chart by Impressive Webs

CSS3 Click Chart by Impressive Webs
Each examples on the CSS3 Click Chart visually displays the CSS3 feature, with a clickable heading that opens a box at the bottom of the page for information on that particular feature.
CSS3 Click Chart by Impressive Webs →

CSS3 Generator

CSS3 Generator
CSS3 Generator is a useful tool that generates the CSS3 properties for the likes of @fontface, border-radius, multi-column
CSS3 Generator →

CSS3 Menu

CSS3 Menu
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation. This menu works perfectly well with Firefox, Opera, Chrome and Safari. The drop-down also works on non-CSS3 compatible browsers such as IE7+, but the rounded corners and shadow will not be rendered.
CSS3 Menu →

0to255

0to255
0to255 is a simple tool that helps web designers find lighter and darker colors based on any color.
0to255 →

Wordmark

Wordmark
Wordmark is a tool that allows you to preview any word with the fonts already installed on your computer.
Wordmark →

Awesome Fontstacks

Awesome Fontstacks
With Awesome Fontstacks you can create bundles of matching, free web fonts, with fail-safe font stacks to back them up.
Awesome Fontstacks →

Google Font Directory

Google Font Directory
With the Google Font Directory you can browse all available fonts, learn about the font designers who created them, and then copy the code required to use them directly on your web page.
Google Font Directory →

Fillerati – Faux Latin is a Dead Language

Fillerati - Faux Latin is a Dead Language
If you are tired of using Lorem Ipsum, then Fillerati is for you. You can choose text from the authors Jules Verne, H.G. Wells, Lewis Carroll, L. Frank Baum, Edgar Rice Burroughs or Lewis Carroll.
Fillerati – Faux Latin is a Dead Language →

Wirify: The Web as Wireframes

Wirify: The Web as Wireframes
Wirify is a simple bookmarklet that will turn any web page into a wireframe mockup with only one click.
Wirify: The Web as Wireframes →

maki

maki
Just drag the maki bookmarklet to your toolbar, go to a page where you're working on the HTML/CSS, and click the bookmark. You'll then be directed to a version of your site where you can upload the mock-up image, adjust the transparency of the overlay, and reload your changes seamlessly.
maki →

Browize – Online Browser Resizer

Browize - Online Browser Resizer
Browize – Online Browser Resizer →

The HTML5 Test

The HTML5 Test
The HTML5 test – how well does your browser support HTML5? This tool will let you know.
The HTML5 Test →

Support Details

Support Details
Support Details →

resizeMyBrowser

resizeMyBrowser
resizeMyBrowser →

iPad Peek

iPad Peek
iPad Peek is a handy app that allows you to view how any website will be rendered on the iPad.
iPad Peek →

Moniitor BETA

Moniitor BETA
Moniitor is a FREE website stat monitoring tool, it will allow you to monitor multiple sites and check for stats such as Pagerank, Alexa Rank, Feedburner Subscribers, Twitter mentions and more…
Moniitor BETA →

Uptime Robot

Uptime Robot
Uptime Robot monitors your websites by pinging your site every 5 minutes and alerts you if your sites are down.
Uptime Robot →

WooRank

WooRank
WooRank →

Clue

Clue
Clue is a tiny app, from ZURB, that allows you to test your web pages so that you can find out exactly what parts are memorable and will potentially stick in the minds of your users.
Clue →

Wridea.com

Wridea.com
Wridea is a free tool that stores your ideas, allows you to manage and organize them, collaborate with your friends and colleagues over your ideas, etc. It provides you with all necessary tools and services for organizing your ideas.
Wridea.com →

Domainr

Domainr
When you want a short URL or something big, Domainr will find it, fast and helps you explore the entire domain name space beyond the ubiquitous—and crowded—.com, .net and .org. Inspired by jish.nu, burri.to and del.icio.us.
Domainr →

Thoughtboxes

Thoughtboxes
Thoughtboxes is a simple tool that helps to organize your thoughts so you can make things happen.
Thoughtboxes →

Create Free Privacy Policy

Create Free Privacy Policy
With GeneratePrivacyPolicy.com you can create professional privacy policies agreements tailored specifically to your website or your business.
Create Free Privacy Policy →

Recurse

Recurse
Recurse is a simple solution to show clients your spiffy new design. By emulating a website with multiple flat images clients will have a better idea of what the composition will look like ‘in the wild’.
Recurse →

Launchlist

Launchlist
Launchlist is cool tool to help and encourage web designers and developers to check their work before exposing it to the world at large by going through an essential list of web development requirements. When you click 'Submit Report' you will be either given a 'Go For Launch' or, if issues found, 'Not Advisable'.
Launchlist →

TitanPad

TitanPad
TitanPad is the simplest of tools that allows you to collaborate on a document simultaneously. You can either create a 'public' pad or you can create a 'private' pad for your team with a custom URL.
TitanPad →

CeeVee

CeeVee
Not only specific for developers, CeeVee allows you to create a themed professional resume, giving you the option to make it either public or private.
CeeVee →

Billable

Billable
If you don't likes the tedious task of invoicing, then you will love Billable. It really doesn't get any simpler than this.
Billable →

Bounce

Bounce
Bounce is a tiny app that allows anyone to give feedback on the design of any given webpage.
Bounce →

TinEye Reverse Image Search

TinEye Reverse Image Search
TinEye is a reverse image search engine. It finds out where an image came from, how it is being used, if modified versions of the image exist, or if there is a higher resolution version.
TinEye Reverse Image Search →

CopyPasteCharacter.com

CopyPasteCharacter.com
CopyPasteCharacter is a very useful tool for copying & pasting those impossible to remember HTML entities.
CopyPasteCharacter.com →

NounProject

NounProject
The Noun Project collects, organizes and adds to the highly recognizable symbols that form the world's visual language. The symbols can be downloaded completely free.
NounProject →

You might also like…

A Review of Web Design Trends from 2010 →
The Trend of Minimalist Graphic Design →
How To Control Flow Within Your Web Designs →
Accessibility Principles for the Modern Designer →
Professional Structure and Documentation in Web Design →
Clear Your Mind to Focus on What Matters →
What the Future of Cloud Computing means for Web Designers →
Beginners Guide to Using the Power of Color in Web Design →
Understanding and the Meaning of Color Within Design →


Tips for Compromising between Designers and Developers

In the real world designers and developers are constantly battling it out over projects. Between two lighthearted developers are the crew who simply make website work while designers add flair and vibrant edges. The two perform very specific yet important jobs which harmoniously combine to create amazing web pages.

Often times, however, bickering can ensue leading to arguing and lost time. All client work from small-scale operations to large design firms is very important and must be treated as such. Below we’ll go over a few tips to help designers and developers reach a middle-ground.

Portrayal of Ideas

One of the biggest problems arises between a misunderstanding of goals and ideas. While designers are interested in sketching and displaying their interests visually, developers are often not so lucky.

It takes time to knock out bits of code and creating a program isn’t an easy task. Communication between the two teams will likely clear up many of these issues. Before even starting on a mockup comp have everybody sit down and go over their objectives for the project. In this way everything is put on the table so everybody is moving forward at the same pace.

Developers may also consider practicing some type of visual communication for programs. Flow charts and graphical diagrams are often the best way to represent what’s going on. It may be worthwhile to practice building programs out of conversation, too.

This isn’t exactly common practice but it does help to strengthen your knowledge as a programmer. Begin by talking out all of the steps needed to build the website you’re looking at, piece by piece. Even write these things down in a list if it helps. These individual pieces will come together in the end to create 1 final web application which can then be passed off to launch.

Carefully Plan Deadlines

Nobody enjoys deadlines but they are a must in business. Especially when working with high-class firms and clientele from all around the world design work must be placed on a schedule.

This is unfortunate for designers since rushed work is almost never good. Time management is a crucial skill to have mastered and apply into every day life. Once you know how much time is available it’s much easier to start right away and plan an easygoing work routine.

The alternative is crunching numbers and pushing your limits the last few nights of a project. This technique can work with developers, although not encouraged, because writing code is mostly logical and doesn’t require high reigns of creativity. Design work can only go for so long before quality begins to seriously degrade.

Group Morale!

Provide enthusiasm and cheer to all of your co-workers. Even though designers and developers may not see eye-to-eye all the time we can all come together and acknowledge the work we do is important.

If everybody is working together to keep others motivated there is no falling behind in the group. All tasks can be finished on time and well before due-date. In this way there’s extra room in the schedule for possible changes, updates, revisions, or anything else.

If it’s possible try building a work plan with your fellow group. Everybody is in on the work together so why not grind out the process together, too? Generally the designer(s) will create a mockup and pass this onto the developers.

From here the coding process begins and each web page is carefully crafted. If there’s any backend work or CMS implementation this would also be addressed post-template design. After the initial layout the designers’ work load shifts to smaller details. These can include page icons or banner graphics.

Ask Questions

Confusion is common amongst a large group, so there’s bound to be questions from some people. Don’t hold back anything you’re unsure of as it’ll ultimately slow down the process.

It’s important to feel comfortable in the working environment and speak openly when you feel the need. Clarifying a small detail up front will get you a direct answer and keep the project train moving. This is much more the case between developers who are working on similar features (frontend/backend Ajax effects).

Not only should fellow team mates be asking questions, but project leaders are imposed to run questions by the clients. If the team is indecisive about certain aspects to the project it would be simpler to contact the consumers directly to figure out what they want. If there is ever a lack of information don’t hold anything back – ask questions when necessary and keep your head moving forward!

Be Respectful of Workspace Time

This is often a no-brainer but doesn’t hurt to be repeated. Each designer and web developer is important to a project and needs to be given time to work. If everybody is hounding on each other and driving the team mad then nobody is productive.

Respect is the name of the game and will get design firms much further in business. Even on a small scale level it’s enormously important to have respect for your partners. Designers and developers each perform a completely separate yet key role in website development.

Make sure all teammates are communicating their ideas openly and honestly. At all times a project work floor should feel fast-paced but relaxed and open. All digital creators can get stressed at times, it’s important to recognize this and release it. Whether a designer or developer just stick to your path and remember everybody is working as a team to reach the same end goal.

You might also like…

A Review of Web Design Trends from 2010 →
The Trend of Minimalist Graphic Design →
How To Control Flow Within Your Web Designs →
Accessibility Principles for the Modern Designer →
Professional Structure and Documentation in Web Design →
Clear Your Mind to Focus on What Matters →
What the Future of Cloud Computing means for Web Designers →
Beginners Guide to Using the Power of Color in Web Design →
Understanding and the Meaning of Color Within Design →


Vector Chart & Graph Templates

If you have ever tried searching for high quality Chart & Graph templates, you will understand the dilemma and difficulty we had in compiling this round-up. We have also been asked on a number of occasions by a readers to help. For a while we actually thought there wasn’t any. But, thankfully, we eventually found some.

We have sifted through every resource, every link and followed every possible lead to compile this list. And the result is not the biggest resource in the world, but it is certainly valuable.

So, if you are searching for high quality vector chart and graph templates you had better bookmark this page, its quite literally like gold dust.

Illustrator can be a valuable tool in your visualization arsenal.

Bar Graphs, Line Charts, Pie Charts and 3d Graphs (.eps, .ai & .svg)

Bar Graphs, Line Charts, Pie Charts and 3d Graphs (.eps, .ai & .svg)
This vector set contains various colorful charts in .eps, .ai and .svg format and could be used to represent: financial figures, traffic uptrends, stock charts, calorie charts, conversion charts, business growth, data reports, investment numbers and calculations.
Download Page →

The Graphs 2 (.ai & .svg)

The Graphs 2 (.ai & .svg)
This is the second release of "The Graphs"! With 169 vector icons it is by far and away the largest and the most flexible graph icon collection on the web. With the power of Scalable Vector Graphics you can use these icons directly into your web pages. You can change colors, re-size elements, replace objects, make adjustments, make new combinations – All of these icons are completely editable. The Graphs 2 has been licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License.
Download Page →

Liquidicity Pie Charts (.ai)

Liquidicity Pie Charts (.ai)
This useful resource comes in the form of the .ai source files from an Illustrator chart tutorial from Liquidcity.com.
Download Page →

Beautiful 3D Graphs and Charts (.ai)

Beautiful 3D Graphs and Charts (.ai)
In this tutorial you’ll be shown how to put some style into graphs Illustrator. The source .ai source files are available to download.
Download Page →

How to Make a Graph (.ai)

How to Make a Graph (.ai)
This detailed tutorial covers the steps to make the above graph in Illustrator using the graph tool. The .ai source are available to download.
Download Page →

Pretty Pie Charts (.ai)

Pretty Pie Charts (.ai)
This resource is yet another tutorial that offers .ai source files.
Download Page →

3D Graphs (.ai)

3D Graphs (.ai)
This tutorial will show you how to create the above 3D graphs using Illustrator CS2 and yes, the source files arfe available.
Download Page →

Vector Chart Icons Volume 1 & Volume 2 (.ai)

Vector Chart Icons (.ai)
Vector Chart Icons Vol.2 (.ai)
Volume 1 of this icon set includes a piechart, column chart, line graph, area charts and a meter. Volume 2 contains a doughnut, organization, radar charts, a thermometer & data analysis icons. Both sets include 256x256px & 512x512px .png files and the .ai vector source files.
It is totally free to use them in both personal & commercial projects.
Chart Icons Vol.1 →
Chart Icons Vol.2 →

Vector Graph and Chart Icons (.ai & .eps)

Vector Graph and Chart Icons (.ai & .eps)
The 10 icons in this uniform vector icon-set cover all aspects of charting and graphs. They are free for personal and commercial use.
Download Page →

You might also like…

40 Detailed and High Quality Mobile Phone .psd Source Files →
A Round-Up of 50 Fresh Photoshop Tutorials and Techniques →
25+ Free Vector World Maps (.ai, .eps and .svg formats) →
6 Free Vector Seamless Backgrounds (+ source files) →
50 High Quality Free Icon Sets in PSD Format →
The Best 40 Photoshop Text Effects from 2009 →
49 Most Creative Photoshop Tutorials of 2009 →
40 Amazing Photoshop Brush Directories and Collections →