Open Vis Conf 2013
April 28, 2013
The OpenVisConf hosted by Bocoup at the Boston Science Museum on May 16-17, 2013 was that rare conference that was amazingly worth attending. The speakers were the very people who create those awesome works we've all admired and forwarded, or wish we'd known about. Let alone the attendees. Here are my key takeways.
Data vis is art designed to communicate
Exploratory data has a role, but at some point you need to convey key insights and aha moments to an audience. To engage them and excite them. To move them to action.It's not about standardized approaches, it's about spending hours, perhaps months or even a year of effort to design. How do you communicate the news? Or get people to understand the impact of gun deaths? Or empathize with neanderthal humans?
Amanda Cox of the NYTimes graphics department showed the incredible journey of a quantitative analysis of movie trailers from initial sketches literally drawn on the normally figurative napkin to the final form.
Juan Velasco showed how data visualization goes way beyond Javascript, to physical models, maps, dioramas and film.
That theme was touched on by most of the presenters.
"The most effective data visualization tool? A pencil" - Juan Velasco, National GeographicIt's not (just) about the visual sophistication:
"Good art should elicit ‘Huh? Wow!’ rather than ‘Wow! huh?’” -- Amanda Cox, NYTimes"Data visualization: 'Now I understand.' Infographic: 'Cool! What is it?'"-- @DataMarket tweet
But visual sophistication has a role
"How do you signal that something is important? Use the scarce resource. Which right now is technical programming skills" -- Amanda Cox, NYTimesThe craft matters.
"Hire seasoned web developers .. you’ll be doing a lot more web development than data visualization" -- Shawn Allen, Stamen DesignMiguel Rios spoke about the nuances of choosing CSS, SVG, HTML5, WebGL, all of which subtly depend on your precise goals, number of elements, target devices. You still have really consider programming as the medium.
Abe Stanway presented the aggressively distributed release process at Etsy.com, and the visualization methods to gronk it.
Responsive design
Smartphones are about not just size, but portability, availability, touch, location aware, accelerometer, connectivity, attention time."Responsive design is to create data visualization that is of every device [i.e. not just on it], using the same source code." -- Gabriel Flort, BostonGlobe.com
“At this point, either you cheat everybody out of something, or you cheat some people out of everything.” -- Gabriel Florit, BostonGlobe.com
Accessible design
Holy smokes. Have you ever read a web page as a blind person would experience it? Try it. Now. Doug Schepers of the W3C showed how with a good web design, the speech synthesis says what you need to know. With a thoughtless one, it reads so pedantically it drives you crazy. Now how do you write your HTML so a blind person can read your D3.js scatterplot? Actually, with a little thoughtfulness, it's not that hard."When we first implemented curb cutouts in Boston, we all thought it was for people with wheelchairs. It turns out that was useful for older people, people with bad knees, for bicyclists, for people pushing shopping carts ..." -- Conference attendee at lunch"Design for the cognitively challenged .. that's actually most of your user base" - Doug Schepers, W3C
D3.js
"It's the jQuery of datavis" -- Alex Graul, The GuardianActually, that's not quite fair. Data vis is uniquely complex. Alex Graul pointed out the incredibly large number of libraries to help with charting and we're still not standardized. That's because charting cannot ever be standardized. It's about conveying your point, to this audience, now, with this dataset. You will always need that edge feature, because it's critical to your project. That's why D3.js is uniquely useful.
Jim Vallandingham showed cool riffs on force directed layout with D3, including hex-grids and subway maps.
Quotes
“Some statistician somewhere has decided what you get to see and how you see it...” -- Kim Rees, Periscopic
“Statisticians are like your spouse on Valentine's day. They think they know you and are giving you what you want, ... but not really...” --Kim Rees, Periscopic
“Using Git Hub has totally changed the way I think about code .. writing it sharing it teaching it, modularizing it …” -- Shawn Allen, Stamen Design
"Use Cheltenham as the typeface you use when a single number is supposed to be important " -- Amanda Cox, NYTimes (quip)
“If you want [your slide show] to look profesional, back it with music from Explosions in the sky” -- Amanda Cox, NYTimes (quip)
"Read Kirby Ferguson's blog on Everything is a Remix" -- Jim Vallandingham
Links
- NYTimes Visualizing the winds of political change (Amanda Cox , NYTimes.com)
- Evolution of a tycoon (Gabriel Florit, BostonGlobe.com)
- Climate Change: The carbon atlas
- Political engagement map via Twitter
- US Gun Deaths (Kim Rees, Periscopic.com)
- Visualization of tweets after Japan earthquake (Shawn Allen, Stamen Design)
- Netherlands from above (Shawn Allen, Stamen Design)
- Chesapeake Bay Grasses
- Fifty Shades of Gray plot points (Economist.com)
- Visualizing CO2 emissions of NYC as big blue spheres
- http://vis.stanford.edu/papers/narrative / http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf
- Visualizing subway layouts at Fathom.info
- National Geopraphic: The Sami people
- Jane Austen as a comic
- Sonification of the Dow Jones Index
- Touchwave -- stacked charts
- MisoProject.com -- how did I ever live without this??
- http://processingjs.org/
- https://github.com/shawnbot/aight
- PhiloGL
- Machina.js ("Probably the coolest" -- Alex Graul, The Guardian)
- http://modestmaps.com/
- http://learnlayout.com/
Observations
- People in the audience weren't writing presentations using PowerPoint, but javascript presentations like Reveal.js
- Journalists and designers are reinventing data analysis in ways statisticians would never have imagined
- R. No one mentioned SAS or SPSS or Excel.