Greepit » Mootools

50+ Tools For Data Visualization (Charts, Graphs & Maps)

Team Greepit — Wed, 05 Jun 2013 08:06:09 +0000

Data visualization is the study of the visual representation of data, meaning “information that has been abstracted in some schematic form, including attributes or variables for the units of information”.

Data Visualization Tools can help you easily create infographics, charts, graphs, interactive data visualizations, and motion graphics.

This is not a list of everything out there, but instead a thoughtfully curated selection of best tools that will make your life easier creating meaningful and beautiful data visualizations (charts, graphs or maps).

From simple charts to complex maps and infographics, these 50+ tools have everything you need to bring your data to life.

A JavaScript Library for Time Series Visualization: Cubism.js

Create Animated Visualisations with Flot jQuery plugin

Easily Work with Vector Graphics on the Web: Raphael JS

Free HTML5 and JavaScript Charts: RGraph

Integrate / Develop Interactive Maps within Your Site: Modest Maps

Charts With A Single Line Of Ruby: Chartkick

Standalone Charting Library With HTML5 Canvas: Chart.js

A jQuery Component For Gantt Charts & Task Trees: Teamwork Gantt

JavaScript Charts With SVG: xCharts

A JavaScript Sparklines Library: Sparky

Wordle-Like Word Clouds With JavaScript: D3-Cloud

Easily Embed Interactive Networks in your Website: Cytoscape Web

Open Source JavaScript Library to Draw Graphs: SigmaJS

Make Pretty Graphs with JavaScript: TufteGraph

SVG Graphics Library For JavaScript: jsDraw2DX

Gantt Charts With PHP – Gantti

Interactive & Re-Usable Charts With D3.js: NVD3.js

A JavaScript Library For Displaying Timeline Of Events: Chronoline.js

Convert your HTML Data Tables into Fancy Highcharts Graphs: jQuery HighchartsTable

Web Widget for Plotting Time Series: Timeplot

Pretty Time-series Line Graphs: Morris JS

A Library For Interactive HTML5 Visualizations: Envision.js

Open Source HTML5 Charts & Graphs: Flotr2

A JavaScript Toolkit For Interactive & Real-Time Graphs: Rickshaw

Free JavaScript Charting Library: Elycharts

Free JavaScript Diagramming Library: JointJS

MooTools Library to Draw Bubble Diagrams/Charts With Canvas: Moochart

Graphing library for MooTools: MilkChart

Wheel-Like Data Visualization With MooWheel

A Simple to use JavaScript Graphing Library: Scheming Cow graphics

Create Beautiful Charts using Javascript and Prototype: ProtoChart

Tiny Charts (Sparklines) With jQuery: Peity

JavaScript graph library based on Raphaël

Grafico JavaScript Charting Library

Charts with JavaScript and The Ccanvas Element: AwesomeChartJS

Chart and Graph Plotting Library for JavaScript: PlotKit

Graph Visualization Library With Web Workers & jQuery: Arbor.js

A PHP SVG Graph Library: SVGGraph

Impressive Canvas Graphing Library: canvasXpress

Drill-Down Bar Charts With jQuery: DDChart

Google Finance-Like Charts With JavaScript: HumbleFinance

Powerful PHP Charts Library: JpGraph

Powerful HTML5 Graph Library: RGraph

Beautiful Free Charts For Excel & Powerpoint

JavaScript Data Visualization Toolkit: InfoVis

Free, Open Source Asp.Net Diagram Control: EasyDiagram.NET

Create Web Wirable Interfaces for Dataflow Applications: WireIt

Free Flash Charts From FusionCharts

Flash Data Visualization Library: Flare

Free Flash Chart Library: Open Flash Chart

Open Source PHP Chart Library: pChart

PHP Class For Google Charts API: GoogChart

Charts On The Fly With Google Charts API

Boilerplate for Creating Your Own Content Slider: Revolver.js

Saif — Mon, 09 Jan 2012 07:46:38 +0000

Revolver.js is a new content slider that has no assumptions about your markup. Think of Revolver as a boilerplate or framework for creating your own content slider, exactly the way you want it.

This content slider plugin currently compatible with jQuery and Mootools!

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

JavaScript Form Validation Script based on MooTools: VM Form Validator

Saif — Sat, 19 Mar 2011 20:59:03 +0000

VM FormValidator is a JavaScript form validation script based on MooTools. It aims to provide simple, reliable validation for all form element types across all browsers in an unobtrusive manner.

It is 100% style-able via CSS and allows for custom validations and error messages. Error messages can be displayed above the form, above each input, or below each input.

VMFormValidator should not be used as a replacement for server-side validation (using PHP, .NET, etc) because JavaScript can be disabled.

Special Downloads
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Powerful MooTools Plugins to Speed Up Application Development: PowerTools!

Saif — Sun, 06 Mar 2011 08:59:01 +0000

PowerTools! for MooTools brings powerful low-level Plugins to speed up the development of JavaScript-heavy web applications.

There are 20+ MooTools plugins and each of them can be downloaded alone or you can select the required ones and get a package.

The plugins include many useful components including:

Custom Events
Mobile events to make your web applications more touching
History Management
Tree components – A set of components to sort and/or collapse/expand a tree
ScrollLoader – Provides the ability to load more content when a user reaches the end of a page

Special Downloads
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

MooTools HTML5 Video Enhancement System: MooVES

Saif — Thu, 28 Oct 2010 07:24:45 +0000

MooVES - a Video Enhancement System, is a plug-in for MooTools which allows to preview video from many video sites including YouTube, Vimeo, Facebook, Flickr.

The plug-in is unobtrusive and displays the link to the video and a notice message when JavaScript or Adobe Flash Player are not enabled in the user’s system.

The class is extensible and you can integrate other video sharing websites and networks.

Advanced Growl Style Pop-Up Notifications: Purr

Saif — Wed, 13 Oct 2010 12:22:18 +0000

Purr is an advanced MooTools notifications class that allows you to show growl-style pop-up notifications. It also provides Elements.alert() to allow a notification to be popped above of an existing element.

This notification plugin can be used to show any kind of notifications on web pages using custom positioned modal windows.

Perfect Image Gallery for Products & Portfolios: Moo Store Gallery

Saif — Sat, 25 Sep 2010 12:32:33 +0000

Moo Store Gallery is a lightweight image gallery with thumbnails that zoom to bigger size, smooth transitions, a great gallery effect. The gallery is perfect for sites featuring products and for designers / developers who wanted to show-up their portfolios.

Flexible MooTools Slideshow Widget: SlideShow

Saif — Mon, 16 Aug 2010 07:02:40 +0000

SlideShow is an extendable, flexible, and easy to implement MooTools Slideshow Widget. Use any element, not just images; this slideshow widget can be used to create:

Slideshows
Image galleries
Tabs
News tickers

Slideshow comes with packaged transitions but is easy to extend and create your own transitions. The class is built to handle the basics of a slideshow, extend it to implement your own navigation piece and custom transitions.

Growl-Like Notifications With MooTools Notification Plugin: Notimoo

Saif — Mon, 26 Jul 2010 08:22:02 +0000

Notifications and tooltips are a way for your applications to provide you with new information, without you having to switch from the application you’re already in. Most of the notification & tooltip scripts are developed with Javascript, jQuery and MooTools.

Greepit previously shared number of awesome notification resources, few of them are:

Notimoo is a small (4kb) notification and tooltip plugin developed with MooTools, inspired by Mac OS application Growl.

It is an easy to use and highly configurable notification plugin comes with predefined settings that will allow anybody to use it just with a couple of lines.

Lightweight Tiny Alert System With CSS3: TinyAlert

Saif — Mon, 05 Jul 2010 07:55:51 +0000

TinyAlert is a lightweight (only 1.4k) alert system with Mootools and CSS3. Its easily customizable and bundled with few skins.

You can create your very own skins to match with your website or web application. You can also control the alert positions.