Submit your widget
318
Yays

Very Beautiful CSS3 And JQuery progress bar

  Views 129621   downloads 40227   Graph & Chart

The new features introduced in CSS3 allows developers to create stunning visual effects. Today, let’s create a fancy progress bar using CSS3 and jQuery, but no Flash or even images. Please note:…

214
Yays

Rare Accessible charts using jQuery and HTML5

  Views 32737   downloads 7190   Graph & Chart

Accessible data visualization in HTML has always been tricky to achieve: people commonly use image elements for static charts, which provide only the most basic textual information to non-visual users;…

205
Yays

Beautiful CSS Stack Bar Graphs

  Views 32193   downloads 6880   Graph & Chart

To design the stats feature of Backbone, our Ruby on Rails CMS, we needed to show a stacked bar graph of page views vs unique visitors. I looked around for a sample of how others did stacked bar graphs…

197
Yays

jQuery with Google Charts

  Views 27605   downloads 6796   Graph & Chart

gvChart is a plugin for jQuery, that uses Google Charts to create interactive visualization by using data from the HTML table tag. It is easy in use and additionally it allows you to create five types…

178
Yays

Line Graph Effect With Css Only

  Views 18102   downloads 6121   Graph & Chart

the line graphs. What are they good for? I will mention just one reason, and leave other advantages or downsides for a debate: users scan your page, they don't read every word and number you write. Line…

170
Yays

Cool HTML5 and jQuery Animated pie Chart

  Views 32317   downloads 7678   Graph & Chart

In this tutorial we'll going to show you how to build a lovely, interactive pie chart using the latest HTML5 technologies. Not that long ago, this kind of thing was only practical to do with Flash.…

167
Yays

Nice Pure CSS3 experimental charts

  Views 23035   downloads 6084   Graph & Chart

This technique is an example of experimental CSS3 charts, without JavaScript and images in use. We miss cleaner markup and proper markup for tabular data here, but the use of CSS3 selectors is truly impressive:…

166
Yays

Gantt Chart with JQuery plugin

  Views 28881   downloads 5289   Graph & Chart

this is a very cool, lightweight, jquery plugin jQuery.ganttView which is easy to use and fast. Currently it was working in our first version of system. Unfortunately it turned out that system needs some…

164
Yays

Stylish progress bars effect with CSS3

  Views 24634   downloads 8111   Graph & Chart

you’ll learn how to create stylish and animated progress bars using CSS3. The HTML The markup could not be simpler than that: <div class="progress-bar blue stripes"> <span style="width:…

156
Yays

Pure CSS3 Pie Charts effect

  Views 31297   downloads 4609   Graph & Chart

Keep in mind that this technique is currently cutting-edge. It only works in the latest versions of Firefox, Chrome,and Safari UPDATE and Opera; and requires browser-specific extensions to CSS to pull…

154
Yays

jQuery mousewheel Knob effect

  Views 42483   downloads 11135   Graph & Chart

jQuery Knob canvas based ; no png or jpg sprites. touch, mousewheel, keyboard events implemented. downward compatible ; overloads an input element. Example <input type="text" value="75"…

150
Yays

Awesome Horizontal scroll bar graph

  Views 21781   downloads 4732   Graph & Chart

This is an animated, horizontal bar graph using jQuery, CSS3 properties (such as: gradients, border-radius, rgba) and CSS3 transitions. HTML <div class="bar"> <div class="percent">…

146
Yays

Great Highcharts with jQuery

  Views 23462   downloads 5564   Graph & Chart

There are some great JavaScript graph libraries out there and one that’s recently come to my attention is Highcharts.com which is compatible with both the jQuery and Mootools frameworks. To get…

139
Yays

jQuery tooltip animated progress bar

  Views 29722   downloads 7184   Graph & Chart

Here’s a very basic example of how to code up an animated progress bar with tooltip using the Tipsy tooltip plugin. The Code Below we have the two lines of code which read the attribute ‘title’…

135
Yays

Highcharts - Interactive JavaScript charts for your webpage

  Views 23154   downloads 5764   Graph & Chart

Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column,…