Software by tag 'MooTools'

14 Javascript Resources And Plugins For Creating A Stylish Chart

June 6th, 2009 in Javascript, Resources | 19 Comments

We had shared a lot of useful resources about CSS/jQuery recently. Today, I am going to share useful resources and plugins to create a stylish chart. Graph and Chart are very effective ways of showing data.

There are a lot of different methods to generate graphs/charts. For example, you can use Flash, Javascript, CSS, or server side script such as PHP or ASP to generate them. Today, we are going to look into Javascript solutions to generate charts.

Update: We have another article that covers tutorials and resources on creating graphs and charts using CSS(without Javascript/Flash).

1. Creating accessible charts using canvas and jQuery

fgcharting
This article show you how to use fgCharting, a jQuery plugin to convert HTML table into a stylish chart/graph. This plugin support several different types, such as line, filledLine, additiveLine, additiveFilledLine, pie, bar, additiveBar.

2. Emprise JavaScript Charts

emprise-javascript-charts
This JavaScript Charts supports a lot of features and has a very good documentations. However, it is only free for personal use.

(more…)

25+ Useful Javascript Tab Navigation Scripts

May 19th, 2009 in Javascript, Resources | 17 Comments

There are a lot of different ways to implement tabs in our website. I had seen pure CSS implementation, Javascript implementation such as jQuery and MooTools tabs. Recently, my client request me to add tab interface to the current theme. So, i googled the web and found a lot of free scripts to do so.  now, I am going to list down useful Javascript tabs that I found.

jQuery plugin

1) jQuery UI Tabs
jquery-ui-tabs
This tab script is built in to the jQuery UI and there are a lot of configurations. For example, you can have rotating tabs, nested tabs, and etc.

2) jQuery idTabs
jquery-idtabs
jQuery idTabs makes adding tabs into a website super simple, but it also open the door to endless possibilities.

3) Minitabs – jQuery minimalistic approach to tabs
Minitabs looks simple, but I can’t found any working demo from the website.
(more…)