Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
25 Mar

Protovis – Visualization Toolkit for Javascript using Canvas

  • BSD License, Charts
  • Leave a Comment

Protovis is a visualization toolkit for JavaScript using the canvas element. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots. These primitives are called marks, and each mark encodes data visually through dynamic properties such as color and position. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.

To facilitate this, Protovis supports panels and inheritance. A panel is a container for marks; the contained marks are replicated for each data point on the panel. You can vary the panel position to create small multiple displays, or you can overlay panels. Inheritance lets you derive new marks from existing ones, while sharing some or all of the same properties. This is the same principle as cascading in CSS, or prototypal inheritance in JavaScript.

Please note: Protovis is in its early stages of development. At the moment, they only support Firefox 3, but they plan on adding support for Chrome and Safari 4.

Protovis

Requirements: Firefox 3
Demo: http://vis.stanford.edu/protovis/ex/
License: BSD License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
How to Implement Docking Functionality with jQuery

How to Implement Docking Functionality with jQuery

The Linear Layout – Network Visualization Method

The Linear Layout – Network Visualization Method

Javascript Information Visualization Toolkit

Javascript Information Visualization Toolkit

Sparklines and Accessible Data Visualization

Sparklines and Accessible Data Visualization

Create Charts & Graphs from Tables using HTML 5 Canvas

Create Charts & Graphs from Tables using HTML 5 Canvas

Fully Featured Image Magnifier with Dojo Zoomer

Fully Featured Image Magnifier with Dojo Zoomer

Comments
  • Aleksejs

    Wrong demo URL. Should be:
    http://vis.stanford.edu/protovis/ex/

  • Ray Cheung

    @ Aleksejs

    The URL has just been fixed. Thanks.

  • http://www.overtheweb.org James Leahy

    Nice approach. Not quite ready for prime time yet, as users of IE cannot see any charts, and with IE still having 50% of the userbase, half of the visitors won’t be able to see it. Error is with ‘Object doesn’t support this property or method.’ Keep at it though: with a little more browser comatability, this could be a very good tool.

  • Pingback: Less – An Extension to CSS | trackteq.com

  • SDC

    I salute tools that focus on getting it right on Firefox, Safari, and Chrome before getting hungup on IE. This is kind of geared more toward researchers and such than click-n-drag show off in the boardroom eye candy.

    Nicely done to the Protovis devs!

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • Super Smooth CSS Transitions for jQuery
  • Free Responsive HTML5 + CSS3 Site Templates
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools294
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free740
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN