Data visualization with Processing, Part 1: An introduction to the language and environment Although many open source projects are driven to build alternatives for existing applications, there are numerous projects that represent new and innovative works. Processing is one of those programs. Processing began at the Massachusetts Institute of Technology's (MIT's) Media Lab in 2001, created by Ben Fry and Casey Reas, though it has contributions from Carnegie Mellon; the University of California, Los Angeles; Miami University; and others. The original goal for Processing was the development of a graphical sketchbook and environment that could be used to teach (graphically) the fundamentals of computer science. It has since evolved into an environment that can be used to create professional works for graphical visualization. Processing runs on GNU/Linux®, as well as Mac OS X and Windows®, and it supports the ability to export images to a variety of formats. Processing environment The first step is to install the Processing environment. Figure 1. Back to top Processing language
Cytoscape: An Open Source Platform for Complex-Network Analysis and Visualization 7 Days of Source Day #6: NYTimes GraphMaker Project: NYTimes GraphMakerDate: Fall, 2009Language: ProcessingKey Concepts: Data vizualization, graphing, NYTimes Article Search API Overview: The New York Times Article Search API gives us access to a mountain of data: more than 2.6 million indexed articles. There must be countless discoveries waiting to be made in this vast pile of information – we just need more people with shovels! With that in mind, I wanted to release a really simple example of using Processing to access word trend information from the Article Search API. This is the simplest project I’m sharing in this now multi-week source release. You can see a whole pile of radial and standard bar graphs that I made with this sketch earlier in the year in this Flickr set. Getting Started: You’ll need the toxiclibs core, which you can download here. Put the folder ‘NYT_GraphMaker’ into your Processing sketch folder. Thanks: It’s starting to get a bit repetitive, but once again this file depends on Karsten Schmidt’s toxiclibs.
Getting Started with Processing for Android Pick up a pen and draw a sketch. There, that was easy – however crude, you can get out an idea. Sketching with paper is still the fastest way for most of us to imagine something. But between that immediacy and the end result, you need prototypes. The Processing language has long been one of the easiest ways to sketch an idea in code – best after you’ve first put pen to paper, but as an immediate next step (and for ideas you just can’t draw). Processing now runs just as easily on a mobile platform with Android. Translation: with one, elegant API, you can “sketch” visual ideas on screens from an Android phone to a browser to a projection or installation. This is a first-draft tutorial, as I make the same presentation in Stockholm at the info-rich Android Only conference. I’m assuming basic familiarity with Processing, so if you haven’t tried it out yet, check out the excellent tutorials available online to get rolling. Install Processing and the Android SDK 1. 2. 3. 4. 5. Tune in Next Time…
Gephi, an open source graph visualization and manipulation software Stunning Infographics and Data Visualization - Noupe Feb 02 2010 Information graphics, or infographics, are visual representations of information, data or knowledge. The graphics are used where complex information needs to be explained quickly and clearly, such as on signs and maps and in journalism, technical writing and education. Today, infographics surround us in the media, in published works both mainstream and scientific and in road signs and manuals. Creating an effective infographic requires both artistic sense and a clear vision of what to tell the audience. You may be interested in the following related posts: Beautiful Infographics And Data Visualization 37 Minute Bus Ride Population of dead Feel Good Hospital Aleman: Tree Pink Floyd Timeline 1960-2000 Genealogy of Pop and Rock Music Digital Podge Ancient Hebrew Cosmology Twitter Territory Digital NostalgiaA set of infographic posters documenting the progress of technology and some of the social events that have been influenced by it. ‘Simpsons’ comedy tree Overnewsed but uninformed Ouch?
Processing & Android: Mobile App Development Made (Very) Easy Creating apps for Android with processing is ridiculously easy. How easy? Let’s get a from-scratch Android app working on a device in 25 minutes (15 of those minutes will be spent installing software). ** You don’t need to have an Android device to do this tutorial, since we can see the app that we’ll build in a software emulator. ** Before you start on this tutorial, I’d recommend that you make sure you have a recent version of Java installed. Step One: Install the Android SDK I promise. First, go to the URL below, and download the appropriate SDK for your operating system: This download should un-zip to a folder called something like ‘android-sdk-mac_x86′. We’re going to use the manager to install the Android packages that we need to build our apps. We can install all of the packages – that way we know we’ll get everything we need. Step Two: Get an Android-enabled Version of Processing Step Three: Make an Android App OK.
Examples Enjoy these sample visualizations built with Protovis. For any example, use your browser to view the source or the backing dataset. Protovis is no longer under active development.The final release of Protovis was v3.3.1 (4.7 MB). The Protovis team is now developing a new visualization library, D3.js, with improved support for animation and interaction. D3 builds on many of the concepts in Protovis; for more details, please read the introduction and browse the examples. Conventional While Protovis is designed for custom visualization, it is still easy to create many standard chart types. Area Charts Bar & Column Charts Scatterplots Pie & Donut Charts Line & Step Charts Stacked Charts Grouped Charts Custom Many charting libraries provide stock chart designs, but offer only limited customization; Protovis excels at custom visualization design through a concise representation and precise control over graphical marks. Anderson’s Flowers Becker’s Barley Bertin’s Hotel Streamgraphs Sparklines Bullet Charts
Data Visualization and Infographics Resources - Smashing Magazine Advertisement Data visualizations and infographics can make complex datasets easier to understand and comprehend. By creating a graphical represenatation of data and statistics, complicated concepts and information can make more sense in less time. Many visualizations focus on representing a specific set of data or statistical information. Others focus on less-concrete topics, providing a visual representation of abstract concepts. Generally speaking, the first type appear more like graphs or charts and the latter are often more creative and imaginative. But visualizations and infographics can be used poorly, too. Also consider our previous articles: Data Visualizations and Infographics which lists examples and types of infographics and data visualizations.Data Visualization: Modern Approaches showcases modern examples of data visualization and infographics. 1. Strange Maps Strange Maps features only map-based graphics, both modern and historical. Wall Stats Visual Complexity Cool Infographics
Apprendre le Processing Infographics | Encountering Urbanization Although the first day of summer is not officially until June 21 in the US, many American’s consider the season to have begun yesterday with Memorial Day. For the writers here at Encountering Urbanization this summer also is a time of transition, travels and international moves as many of us just graduated (hence our recent hiatus from blogging) and are now preparing for the next steps in our careers. Even with all of these upcoming changes we are very excited to continue writing about the experience of urbanization from our new positions across the globe while also working with some new writers based at NYU Wagner’s graduate urban planning program. With all of this moving in mind I can’t help but think about how connected our cities are becoming across the world. From literal connections of passenger and cargo flights, to virtual connections based on internet communication, we are all aware of how much easier it is to conduct business abroad today as opposed to a few decades ago.
Till Nagel – TileMill for Processing This tutorial describes how to create beautiful custom maps, and use them in a Processing sketch. We are going to use TileMill to style our maps, export it, and load the rendered map tiles into PImages. There are two ways of doing that. Basic A single image as static map. Advanced An interactive tile-based map, where users can zoom and pan. Custom map adapted to style of a visualization. Designing custom maps In the last years, there have been tremendous changes in the digital cartography field. Fortunately, in 2009 the CloudMade editor was launched, in which users can select various properties and style maps based on OpenStreetMap by themselves. Now, say hello to the new kid in town: TileMill – A map design studio TileMill is a map design environment, which – as they put it – “enable[s] artists to design maps”. It is a bit more complicated to setup, though, and only available for Mac OS X, Ubuntu and other Linux/Posix systems. Single image as static map Interactive tile-based map