Random Etc. Notes to self. Work, play, and the rest.

Underwater RainforestDocklands = SketchupNearly HomeFence TwistStamen!Boom.Hazy Ridge

SFMOMA ArtScope

Once again I've been beaten to the punch by Stamen, infosthetics, Geraldine, Esquire and more. But here it is for posterity: we released SFMOMA ArtScope a couple of weeks ago. This was a fun one, we're really pleased with the lens approach (rather than continuous zooming) and we're loving the serendipitous bouncing from piece to piece when you search.

screenshot from sfmoma.org/artscope

Inside info: the artwork is arranged by acquisition date, earliest acquisitions are top left and latest are bottom right.

Processing 1.0!

The first and last time I'll cut and paste a press release on this blog. Casey Reas writes:

We've just posted Processing 1.0 at http://processing.org/download. We're so excited about it, we even took time to write a press release.

CAMBRIDGE, Mass. and LOS ANGELES, Calif. - November 24, 2008 - The Processing project today announced the immediate availability of the Processing 1.0 product family, the highly anticipated release of industry-leading design and development software for virtually every creative workflow. Delivering radical breakthroughs in workflow efficiency - and packed with hundreds of innovative, time-saving features - the new Processing 1.0 product line advances the creative process across print, Web, interactive, film, video and mobile.

Whups! That's not the right one. Here we go:

Today, on November 24, 2008, we launch the 1.0 version of the Processing software. Processing is a programming language, development environment, and online community that since 2001 has promoted software literacy within the visual arts. Initially created to serve as a software sketchbook and to teach fundamentals of computer programming within a visual context, Processing quickly developed into a tool for creating finished professional work as well.

Processing is a free, open source alternative to proprietary software tools with expensive licenses, making it accessible to schools and individual students. Its open source status encourages the community participation and collaboration that is vital to Processing's growth. Contributors share programs, contribute code, answer questions in the discussion forum, and build libraries to extend the possibilities of the software. The Processing community has written over seventy libraries to facilitate computer vision, data visualization, music, networking, and electronics.

Students at hundreds of schools around the world use Processing for classes ranging from middle school math education to undergraduate programming courses to graduate fine arts studios.

+ At New York University's graduate ITP program, Processing is taught alongside its sister project Arduino and PHP as part of the foundation course for 100 incoming students each year.

+ At UCLA, undergraduates in the Design | Media Arts program use Processing to learn the concepts and skills needed to imagine the next generation of web sites and video games.

+ At Lincoln Public Schools in Nebraska and the Phoenix Country Day School in Arizona, middle school teachers are experimenting with Processing to supplement traditional algebra and geometry classes.

Tens of thousands of companies, artists, designers, architects, and researchers use Processing to create an incredibly diverse range of projects.

+ Design firms such as Motion Theory provide motion graphics created with Processing for the TV commercials of companies like Nike, Budweiser, and Hewlett-Packard.

+ Bands such as R.E.M., Radiohead, and Modest Mouse have featured animation created with Processing in their music videos.

+ Publications such as the journal Nature, the New York Times, Seed, and Communications of the ACM have commissioned information graphics created with Processing.

+ The artist group HeHe used Processing to produce their award-winning Nuage Vert installation, a large-scale public visualization of pollution levels in Helsinki.

+ The University of Washington's Applied Physics Lab used Processing to create a visualization of a coastal marine ecosystem as a part of the NSF RISE project.

+ The Armstrong Institute for Interactive Media Studies at Miami University uses Processing to build visualization tools and analyze text for digital humanities research.

The Processing software runs on the Mac, Windows, and GNU/Linux platforms. With the click of a button, it exports applets for the Web or standalone applications for Mac, Windows, and GNU/Linux. Graphics from Processing programs may also be exported as PDF, DXF, or TIFF files and many other file formats. Future Processing releases will focus on faster 3D graphics, better video playback and capture, and enhancing the development environment. Some experimental versions of Processing have been adapted to other languages such as JavaScript, ActionScript, Ruby, Python, and Scala; other adaptations bring Processing to platforms like the OpenMoko, iPhone, and OLPC XO-1.

Processing was founded by Ben Fry and Casey Reas in 2001 while both were John Maeda's students at the MIT Media Lab. Further development has taken place at the Interaction Design Institute Ivrea, Carnegie Mellon University, and the UCLA, where Reas is chair of the Department of Design | Media Arts. Miami University, Oblong Industries, and the Rockefeller Foundation have generously contributed funding to the project.

The Cooper-Hewitt National Design Museum (a Smithsonian Institution) included Processing in its National Design Triennial. Works created with Processing were featured prominently in the Design and the Elastic Mind show at the Museum of Modern Art. Numerous design magazines, including Print, Eye, and Creativity, have highlighted the software.

For their work on Processing, Fry and Reas received the 2008 Muriel Cooper Prize from the Design Management Institute. The Processing community was awarded the 2005 Prix Ars Electronica Golden Nica award and the 2005 Interactive Design Prize from the Tokyo Type Director's Club.

The Processing website (www.processing.org) includes tutorials, exhibitions, interviews, a complete reference, and hundreds of software examples. The Discourse forum hosts continuous community discussions and dialog with the developers.

Extremely well done and congratulations to all involved!

Guest-blogging at infosthetics.com

I've been guest-blogging recently at infosthetics.com. I started with a post about wikinvest.com and more recently one about a map of European genes that turned into a mini-rant about academic research on the web.

Party Like It’s 1997

Awaiting yesterday's election results, I couldn't help but compare to the 1997 UK general election where Tony Blair and his New Labour movement came to power in a convincing landslide. It was an awesome couple of years we had there, with a government with a proper mandate and a clear ideology – even if they've later disappointed me on many counts (Iraq, ID cards, etc...), I'd still rather have them than the sleazy, obnoxious and complacent Conservatives they displaced.

Anyway, this morning I woke up and for some reason Pulp's Mis-Shapes was going around my head. When it was released, my naive 15-year-old self thought it was all about the rise of britpop/indie music and nerdy guitar bands having their day in the charts. I must have listened to it hundreds of times* without really thinking about it. Thankfully it's bubbled up into my consciousness on a wave of late 90s political memories to remind me that it's all a bit deeper than I first thought.

Listening now, of course this 1995 hit is about meaningful political change, about being sick to death of right-wing politics, about setting things right, about doing things our way:

"Brothers, sisters, can't you see?
The future's owned by you and me.
There won't be fighting in the street.
They think that they've got us beat but revenge is going to be so sweet.
We're making a move. We're making it now.
We're coming out of the sidelines.
Just put your hands up – it's a raid.
We want your homes, we want your lives,
we want the things you won't allow us.
We won't use guns, we won't use bombs
We'll use the one thing we've got more of – that's our minds.
And that's our minds. Yeah."

Jarvis Cocker's a smart cookie. Go Listen!

* maybe thousands of times – the double A-side single was one of the only CDs I had, and the fact that you could use any CD as the soundtrack to Ridge Racer on the PlayStation meant that the song was on repeat in my life for most of that year.

OpenStreetMap vectors + Flash + Yahoo Maps

Teaser time.

Text along a path in Flash

Trevor McCauley did the hard part years ago, as is often the case, but it seems like there's no source code out there showing text along a path in Flash using actionscript 3. I'm not the only one thinking about this – the degrafa folks have got the extremely capable algorithmist Jim Armstrong looking into the problem too.

I don't have time to write a full explanation tonight (packing calls, tomorrow I'm in Montréal for Design Engaged), but I've got a quick solution which might be of use to you if you googled upon this page. Read on for more if you're interested in a quick overview.

[Read more →]

Speaking of tiny details

MSNBC just pushed a small update to our hurricane maps, so that the links to old storms will display the last update if the storm is no longer active. Clearly this is useful for those of us who linked to the Gustav map last month!

You can now view archived advisories for the following storms: Arthur, Bertha, Cristobal, Dolly, Edouard, Fay, Gustav, Hanna, Ike and Josephine.

Fix for buggy Flash TextField selection (on mouse leave)

Today's post is about tiny details.

I've noticed a frustrating problem with text in Flash that I've finally managed to find a workaround for. I'm testing in Mac OS X using Firefox 3 and Flash 9, but I've seen it on other systems too, and recently had help reproducing this bug from our client at MSNBC, so I'm pretty sure it's widespread.

Since this is a fairly esoteric issue that will only bother Flash programmers, I'll continue only in the full version of this post.

[Read more →]

New Work: Hurricane Tracker for MSNBC

Thanks to a glorious holiday weekend in Bodega Bay, I've been scooped once again by my esteemed friends and colleagues in announcing our work on MSNBC's Hurricane Tracker, which debuted on Saturday. I jumped on this project as soon as I knew we had a chance to work on it, and despite the inevitable project logistics and some awkward travel timing on my part I'm glad to say it made it out before the end of the hurricane season.

There are four storms active in the Atlantic right now:

MSNBC Hurricane Tracker

There's much to say about this, not least the fact that it's the first thing I've ever really worked on that exists in a competitive environment with many credible alternatives.

However, there's still more to come so it will be a while before there's time to properly reflect. For now, let me echo Mike in saying I also think map design for the web continues to be an exciting and vibrant area to be working in, and leave you with a quote from Google's Ed Parsons:

That’s not to say the principals of design are not important in the creation of “maps” for screen display, indeed one could argue for the need of a “new” cartography which adopts rather than ignores the capabilities of screen based maps to portray information dynamically.

— Ed Parsons, "Cartography is dead, long live the map makers"

A Quote From Edward Tufte

Edward Tufte, October 27, 2006:

"In choosing templates for workaday graphical productions, it is worthwhile to look for excellent, conventional templates. Conventional templates immediately solve a lot of graphical reading problems for the viewer of the display. But the classics are often classics because they are off-the wall, unconventional, idiosyncratic, one-off, brilliant, historically original performances. Tinkering with Minard's Napoleon's March is no better than an artist tinkering with Picasso's Guernica."

Ask E.T. Museum Visits

← Before After →