progressive <svg> pie charts Peity (sounds like deity) is a simple jQuery plugin that converts an element's content into a simple <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.1.1 Uncompressed 8.6Kb jquery.peity.js Minified 3.5Kb (+gzipped 1.7Kb)
Flightradar24.com - Live flight tracker! In order to save data consumption Flightradar24 web page times out after 30 minutes. Please reload the web page to get another 30 minutes. or get a Flightradar24 Premium subscription and Flightradar24.com will not time-out again! Breathing Wall: projection mapping onto a moving surface using a depth camera Wouldn't it be nice if we could sense information about the surface of objects at our fingertips? The way we touch objects, how firm we press them and generally how we move info the physical space can all be reflected onto the surface of the surrounding environment. Through this project I am going to show how to do a real time projection mapping onto the surface. This project is part of an interactive art installation, about which you can find more information here: The main objective of the projection mapping is to project Contour Lines for displaying spatial information about the surface in real time. Moreover, real-time projection mapping in this project connects the digital world to the physical world and increases the awareness of the audience about the physical environment.
Cody & Roby Cody & Roby is the name of a new series of DIY games that provide the easiest way to start playing with coding and robotics at any age, without computers, tablets or smartphones. Download your DIY starter kit! Roby is a robot who executes instructions, Cody is a coder who provides instructions. At the beginning there are only three instructions: move forward, turn left, and turn right. Tags & Folksonomies - What are they, and why should you care? Tags, or folksonomies are actually a lot simpler than much of the acedemic debate surrounding them. Put simply, they are a user defined method for organizing data. Im going to try to explain what they are, why they are important to marketers and web devs and suggest some ways you might use them.
Processing.js Basic Syntax A brief look at the structure of a Processing sketch reveals how easy it is to program interactive visualizations. As with any language, you begin by defining your global variables. Then you create a setup() function, where you control the visualization's properties, like the canvas size, frame rate and perhaps variables such as the stoke-weight or background-color. Sample Projects - App Inventor for Android with Studio-Based Learning These are some of the projects that my students created using App Inventor for Android within a Studio-Based Learning environment. All of these were created at Ball State University in Fall 2009, as part of the experimental CS116 section. These students collaborated on the course site that explains these projects and others in the students own words.
App of the Week: Instapaper Title: InstapaperPlatform: iPad and iPhone (The Android Marketplace includes apps, such as InstaFetch, that integrate with Instapaper)Cost: $4.99 Have you ever been reading through Twitter, or Zite, or Pulse, or something else on an iPhone or iPad and thought to yourself, "That looks really interesting but I don't have time to read it now." It's likely that you have. Or, have you ever talked with teens using an iPad or iPhone for research and looking for a way to collect resources for later reading and use?
SVG Crowbar A Chrome-specific bookmarklet that extracts SVG nodes and accompanying styles from an HTML document and downloads them as an SVG file—A file which you could open and edit in Adobe Illustrator, for instance. Because SVGs are resolution independent, it’s great for when you want to use web technologies to create documents that are meant to be printed (like, maybe on newsprint). It was created with d3.js in mind, but it should work fine no matter how you choose to generate your SVG. The Bookmarklet