background preloader

gRaphaël—Charting JavaScript Library

gRaphaël—Charting JavaScript Library
What is it? gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+. How to use it?

Related:  raphaelJSBibliothèqueWeb chartsspecific code

Raphael.js + Backbone.js + Traer.js Raphael.js is a cool vector graphic drawing library for javascript. It uses SVG (VML on IE) to draw just about anything, and provides lots of easy helper methods. The coolest thing about SVG is that since it's XML it can be inserted directly into the dom, so every element has its own dom node. PERGOLA JavaScript SVG Library Overview Pergola is a JavaScript SVG native framework with libraries of controls, widgets, services, and SVG objects (filters, patterns, etc.). Its API allows you to produce works ranging from bare artwork, through the simplest presentation or web page, to the most complex web app of systemic type. Its Object Oriented Development model is designed to be used internally by its classes, and by the developer, in a consistent manner across all the development phases.

Built By Balance Tabletop takes a Google Spreadsheet and makes it easily accessible through JavaScript. With zero dependencies! Tabletop easily integrates Google Spreadsheets with Backbone.js, Handlebars, and anything else that is hip and cool. It will also help you make new friends and play jazz piano. Rickshaw: A JavaScript toolkit for creating interactive time-series graphs Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. See Demo → Using RaphaelJS To Create A Map The brief was actually quite simple. Create an interactive map of the United Kingdom split into regions that when hovered would show a small pop-up containing the name of the region, and when clicked would take you to a specific page. In this case it was to be a term archive page for a specific taxonomy inside WordPress, but it could really be anything (within reason).

CanvasGraph.js : Graphing in Javascript Unmaintained CanvasGraph is now replaced by PlotKit which offers the same functionality as CanvasGraph but also includes SVG support and preliminary event support. CanvasGraph will not be updated any more. There is now a PlotKit mailing list for thos who are interested in using or further development with graphing in Javascript. - Alastair Tse (21st March 2006) Introduction

Google Chart API The Google Chart API is a tool that lets people easily create a chart from some data and embed it in a web page. Google creates a PNG image of a chart from data and formatting parameters in an HTTP request. Many types of charts are supported, and by making the request into an image tag, people can simply include the chart in a web page. Originally it was an internal tool to support rapid embedding of charts within Google's own applications (like Google Finance for example). Google figured it would be a useful tool to open up to web developers. It officially launched on December 6, 2007. Takes Bookmarks Into The Cloud And Makes Them Beautiful If your email isn’t restricted to a client, and if your documents aren’t restricted to your hard drive, then why should your bookmarks be any different? Meet, a new service that takes your bookmarks into the cloud and makes them beautiful as well as easy to search. Raindrop isn’t the first service of its kind, of course. Apps like XMarks are a great way to sync bookmarks across browsers. But they do require syncing, which means the browser needs a plugin or some other installation. On the other hand, can be accessed like any web service, which means you just go to the website and find your bookmarks there. 4 Great Ways To Sync Your Bookmarks & Favorites Across Computers & Phones 4 Great Ways To Sync Your Bookmarks & Favorites Across Computers & Phones Gone are the days when we used a single browser on our only computer.

PlotKit - liquidx PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit is fully documented and there is a quick tutorial to get you started. PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported. Requirements

Related:  Charts libraries /frameworkData Librairies & toolsJS graph librariesGauges