Vizualisation

Facebook Twitter
PhiloGL: A WebGL Framework for Data Visualization, Creative Coding and Game Development

Kinect Physics Tutorial for Processing

Kinect Physics Tutorial for Processing In this hands-on tutorial I will walk you through the steps needed to turn YOU into an interactive virtual polygon. How awesome is that? To realise our creative end goal we will be using Processing and several of it’s contributed libraries. Obviously I will not be covering all the aspects or possibilities of these libraries.
Quartz Composer Quartz Composer Home Compositions Patches Plugins Protocols
Marcin Ignac Data Art with Plask and WebGL @ Resonate My talk at Resonate'13 about Plask and how I use it for making data driven visualizations Fast Dynamic Geometry in WebGL All posts All posts

Raphaël—JavaScript Library

Raphaël—JavaScript Library What is it? Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics.

Protovis

Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License.
D3.js is a small, free JavaScript library for manipulating documents based on data. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction. D3 is not a traditional visualization framework. d3.js

d3.js

25+ Useful Infographics for Web Designers

25+ Useful Infographics for Web Designers

Infographics can be a great way to quickly reference information. Instead of pouring over figures and long reports to decipher data, an infographic can immediately make apparent exactly what a dataset actually means. Below are more than 25 infographics that can be useful to web designers. Some are incredibly practical, some provide information that might be of interest to designers and some just present data that might be interesting to those who design websites all day. If you know of any good ones that we may have missed, please add them in the comments section below. 1.