background preloader

About

About
Paper.js — The Swiss Army Knife of Vector Graphics Scripting. Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface. Paper.js is based on and largely compatible with Scriptographer, a scripting environment for Adobe Illustrator with an active community of scripters and more than 10 years of development. Paper.js is easy to learn for beginners and has lots to master for intermediate and advanced users. Paper.js is developed by Jürg Lehni & Jonathan Puckey, and distributed under the permissive MIT License. Getting Started First of all, take a look at some of our examples.Download Paper.js or check out the latest version from our Github Repository.Want to learn Paper.js? Overview Browser Support

d3.js Orbit APIs To Use In Your Movie Movie Controls Stop and play a movie movie.play(); movie.stop(); movie.pause(); Control movie timeline movie.goto(2); // Goto frame 2 movie.goto('10s'); // Goto 10 seconds after start Stage Set background color stage.setBackgroundColor('red'); Set Framerate of the movie (frames per second) stage.setFramerate(30); Freeze and unfreeze the movie stage.freeze(); stage.unfreeze(); Draw a Path Create a new shape with a specified path. shape = new Path(); shape.moveTo(0, 0).lineTo(100, 0); shape.addTo(stage); Use SVG-like paths to create the same shape. Draw a rectangle Overview new Rect(x, y, width, height, cornerRadius) Draw a rectangle, at 0x0 of size 100x100 (still invisible) new Rect(0, 0, 100, 100).addTo(stage); Rectangle, with rounded corners of radius 5px (still invisible) new Rect(0, 0, 100, 100, 5).addTo(stage); Red rectangle with green border, 10px wide (visible) Rectangle with 1px borders of color 0xFFAABB, no fill color Half opaque rectangle of color rgba(100,100,255,0.5) Bitmap

Visualization Taxonomies - The Extreme Presentation(tm) Method With the explosion of interest in information visualization, I find taxonomies of visualization approaches to be very useful in organizing knowledge and facilitating use of different visualization approaches. The Periodic Table of Visualization Methods, hosted by the impressive Swiss Visual Literacy project, is the most comprehensive visualization taxonomy I have seen. It divides visualizations into Data, Information, Concept, Strategy, Metaphor, and Compound Visualizations. Each of these is then classified as a process or structure visualization, and further subdivided into whether they show detail, overview, or detail and overview, and whether they support convergent or divergent thinking. Dan Roam's Visual Thinking Codex, from his delightful book The Back of the Napkin, strikes an excellent balance between simplicity and comprehensiveness. The Codex can be found on p. 141 of Dan's book. Dan RoamTHE BACK OF THE NAPKINCopyright 2008 PortfolioAvailable at www.Amazon.com

Related: