WebAppers

/ best free open source web resources /

Shopify

An Intuitive Graphics API and SVG Renderer

Posted · Category: Charts, MIT License

BonsaiJS is a lightweight graphics library with an intuitive graphics API and an SVG renderer. The main features include Architecturally separated runner and renderer, iFrame, Worker and Node running contexts, Shapes, Paths, Assets (Videos, Images, Fonts, SubMovies), Keyframe and regular animation (easing functions too), Shape/path morphing, and much more…

Bonsai in its current form comes packaged with an SVG renderer. It supports browsers like Safari, Chrome and Firefox. It is released under MIT License.

graphic-library

Requirements: JavaScript Framework
Demo: http://bonsaijs.org/
License: MIT License

A Showcase of Innovative Data Visualization Concepts

Posted · Category: Best Collections, Charts

We live in an age of data. It’s now possible to collect all kinds of data – from website analytics to stats on your fitness and health. But now that we’re able to start collecting data like this, we often find that there’s too much of it – that there’s too much noise and not enough signal. And to make it even harder, our attention spans are getting shorter. We don’t want to spend time digging through the data to understand it, we want the answer immediately in front of us.

As data, and the analysing of huge volumes of information, becomes more and more important to us, it also becomes more important that the answers are presented in a meaningful, simple and useful way. Designs that display the data effectively and beautifully are more likely to be used again and again, and designs that are complicated, noisy and hard to use will be ignored.

We’ve brought together a showcase of innovative, stunningly beautiful dashboard concepts & designs to help inspire you. If you’re about to start a project that deals with data visualization, hopefully this collection will give you some inspiration into how you can show your information in a useful, simple and uncluttered way.

New Dashboard Line Graph

New Dashboard Line Graph

Chartbear Dashboard

Cutest Paw Dashboard

Cutest Paw Dashboard

Minimal Dashboard

Minimal Dashboard

Read the rest of this entry »

Animating Nice & Clean Gauges JavaScript Plugin

Posted · Category: Charts, MIT License

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independant and self-adjusting. It works in almost any browser – IE6+, Chrome, Firefox, Safari, Opera, Android, etc.

JustGage auto-adjusts to the size of containing element. And to the screen zoom level. And screen density. Not digging default style? Then mock your own. JustGage features bunch of styling options including gauge width, gauge color and shadow, gauge level colors, colors for title, value, min & max etc.

gage

Requirements: JavaScript Framework
Demo: http://www.justgage.com/
License: MIT License

Sigma.js: Draw Graphs Using HTML5 Canvas Element

Posted · Category: Charts, MIT License

Sigma.js is a free and open-source JavaScript library to draw graphs, using the HTML5 canvas element. It has been especially designed to share interactive network maps on a Web page or to explore dynamically a network database. It is distributed under the MIT License.

sigma-js

Requirements: JavaScript Framework
Demo: http://sigmajs.org/
License: MIT License

Fast Multidimensional Filtering for Coordinated Views

Posted · Category: Charts

Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; it was built to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly.

Since most interactions only involve a single dimension, and then only small adjustments are made to the filter values, incremental filtering and reducing is significantly faster than starting from scratch. Crossfilter uses sorted indexes (and a few bit-twiddling hacks) to make this possible, dramatically increasing the perfor­mance of live histograms and top-K lists.

cross-filter-javascript

Requirements: D3
Demo: http://square.github.com/crossfilter/
License: Apache License 2.0

Intuitive Timeline jQuery Plugin from Different Sources

Posted · Category: Charts, GPL License

There are lots of timeline tools on the web but they are almost all either hard on the eyes or hard to use. The goal is to create timelines that are at the same time beautiful and intuitive for users.

Timeline is great for pulling in media from different sources. Just throw in a link from Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and Timeline will format it to fit perfectly. More media types will be supported in the future. Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.

timeline

Requirements: jQuery Framework
Demo: http://timeline.verite.co/
License: GPL License

Drawing Pretty Time-Series Line Graphs with Morris.js

Posted · Category: BSD License, Charts

Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy. Morris.js started life as the code that powered the graphs on howmanyleft.co.uk. Now it’s been open-sourced for the whole world to extend and enjoy.

It has been tested on IE6+, Safari/Chrome/Firefox, iOS 3+ and Android 3+. The public API is terribly simple. It’s just one function: Morris.Line(options), where options is an object containing many configuration options. And it is licensed under BSD License.

javascript-chart

Requirements: jQuery and Raphaël Framework
Demo: http://oesmith.github.com/morris.js/
License: BSD License

Rickshaw JavaScript Interactive Time Series Graphs

Posted · Category: Charts

Rickshaw is a simple framework for drawing charts of time series data on a web page, built on top of Mike Bostock’s delightful D3 library. These charts can be powered by static historical data sets, or living data that continuously updates in real time.

Rickshaw was a JavaScript toolkit for creating interactive time series graphs for Shutterstock. Rickshaw makes every effort to provide help for common problems without obscuring anything underneath it.

time-series-chart

Requirements: JavaScriptFramework
Demo: http://shutterstock.github.com/rickshaw/
License: See License

Open Source Computational Design Library in JavaScript

Posted · Category: Charts, LGPL License

Toxiclibs.js is an open-source computational design library ported to javascript by Kyle Phillips originally written by Karsten Schmidt for Java and Processing. Toxiclibs.js has no external dependencies and can be used by itself or with any other library. Toxiclibs.js works great with the Processing.js visualization library for <canvas>, as well as Three.js, Raphael.js for SVG, or even just DOM manipulation.

This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation; either version 2.1 of the License, or (at your option) any later version.

computational-library

Requirements: -
Demo: http://haptic-data.com/toxiclibsjs/
License: LGPL License

Visualizing Data into Tree Structure with jQuery OrgChart

Posted · Category: CC License, Charts

jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display.

You can show/hide a particular branch of the tree by clicking on the respective node. It is very easy to style using CSS. If drag-and-drop is enabled you’ll be able to reorder the tree which will also change the underlying list structure.

jquery-tree

Requirements: jQuery Framework
Demo: http://dl.dropbox.com/u/4151695/html/jOrgChart/example…
License: Creative Commons 3.0 License

Page 3 of 8«12345678»
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons