5 Rules of Infographic Excellence

txkcd_infographic

xkcd’s brilliant mockery of the explosion of “info-junk” (at left) should remind us that the best infographics should efficiently combine quantitative data, prompt pattern recognition and cogent visual storytelling.

Perhaps aspiring infographic designers would do well to revisit the work of the Edward Tufte, the guru of the art form. I’ve had a chance to attend one of his inspiring workshops, but you easily appreciate his thinking from his books. In his classic “The Visual Display of Quantitative Information,” he lays out his principles of Graphical Excellence (p 51) Graphical excellence is:

  1. well-designed presentation of interaction data – a matter of substance, statistics and design.
  2. consists of complex ideas communicated with clarity, precision and efficiency.
  3. that which gives the viewer the greatest number of ideas in the shortest time with the least ink in the smallest space.
  4. always multivariate.
  5. requires telling the truth about data.

In the same book he showcases what he feels to be the best narrative graphic of space and time – Charles Joseph Minard representation of Napoleon’s ill-fated invasion of Russia in 1812. Six variable are plotted – the size of the army, it’s location on a two-dimensional surface, direction of the army’s movement, and temperatures on various dates during the retreat from Moscow. The comparative sizes of Napoleon’s invading army (in tan) to his meager retreating forces (in black) tell the story with eloquence.

Click images to enlarge
Minard Napoleon's Iinvasion

Boston Bombings: Close Reading A Media Frenzy

Suspects Together- High ResHere’s a suggestion for high school teachers. Postpone a lesson you had planned for next week and use the time to explore the cacophonous infosphere spawned by the apprehension of the suspects in the Boston bombings. If that media circus tells us anything, it’s that we need a lesson in digital hygiene and responsible use.

It’s also a good chance for students to hone their close reading skills. The events should be fresh in everyone’s mind. Ask students to reflect back on network news and social media coverage of the manhunt using these three critical thinking prompts:

  • What did it say?
  • How did it say it?
  • What’s it mean to me?

To kick off the discussion, you might ask students to read James Gleick’s powerful New York Magazine piece “Total Noise,” Only Louder. He observes:

The Boston bombings, shootings, car chase, and manhunt found the ecosystem of information in a strange and unstable state: Twitter on the rise, cable TV in disarray, Internet vigilantes bleeding into the FBI’s staggeringly complex (and triumphant) crash program of forensic video analysis. If there ever was a dividing line between cyberspace and what we used to call the “real world,” it vanished last week. … We need to get smarter about the vectors of time and information flow. … It starts to feel as though we’re Pavlov’s dogs—subjects in a vast experiment in operant conditioning. The craving for information leads to behaviors that are alternately rewarded and punished. If instantaneity is what we want, television cannot compete with cyberspace. Nor does the hive mind wait for officialdom. While the FBI watched and tagged and coded thousands of images from surveillance cameras and cell phones, users on Reddit and 4chan went to work, too, marking up photos with yellow arrows and red circles: “1: ALONE 2: BROWN 3: Black backpack 4: Not watching.” Virtually everything these sleuths discovered was wrong. Their best customer was the New York Post, which fronted a giant photo of two “Bag Men”—who, of course, turned out to be a high-school kid and his friend, guilty of nothing but brown skin. If the watchword Wednesday was crowd-source, by Thursday it was witchhunt. Total Noise.

If anyone asks you why you’re deviating from your lesson plans, tell them you’re getting a head start on Common Core Standards such as:

  • CCSS.ELA-Literacy.RH.6-8.8 Distinguish among fact, opinion, and reasoned judgment in a text.
  • CCSS.ELA-Literacy.CCRA.R.8 Delineate and evaluate the argument and specific claims in a text, including the validity of the reasoning as well as the relevance and sufficiency of the evidence.
  • CCSS.ELA-Literacy.CCRA.R.9 Analyze how two or more texts address similar themes or topics in order to build knowledge or to compare the approaches the authors take.

Image source / FBI

#Watertown #MITShooting: Unfiltered News vs Speculation

watertown

This morning, Twitter broke the story of the events in Watertown MA. Following the hashtags #Watertown and #MITShooting, I selected a few  tweets from roughly 2:10- 2:15 AM Boston Time.

As I tried to sort fact and speculation, I was reminded of a post I did a few years ago What Happens in Schools When Life Has become an Open-book Test?

I grew up in an era of top-down information flow – book publishers, newspapers, magazines, network TV, radio. I was accustomed to someone else making decisions about what I should read, watch and listen to. They created information, I consumed it. … Fast forward to a digital age which has fractured the information flow – fragmenting it into ever smaller pieces: LP record > CD > single song download > ringtone. Now we are armed with gadgets that allow us to re-assemble the info bits; by-passing the curatorial function that had been served by the legacy mass media. Who needs a Walter Cronkite? I can be my own editor, reviewer, researcher and entertainment director. … What happens in schools when life has become an open-book test? … Students are adrift in a sea of text without context.

Note: A few hours has passed since these Tweets appeared and the connections between the Watertown event and the Boston Marathon bombing continue to unfold. Looks like Twitter’s crowdsourcing scooped the major new outlets. But are we ready to curate our own news?

Haiku Deck – Free Presentation App for iPad

haiku deck

I’m prepping for an “iPad in the Classroom” workshop and I thought I’d try Haiku Deck – a free presentation app for the iPad. It’s an impressive and easy to use tool for creating a knock-out presentation on the iPad – a great way for teachers and students to quickly share their ideas with the classroom and the digital world beyond. Here’s a deck I created in a few minutes. I used the same image but typically you’d have different images for every slide.

haiku select image

Haiku Deck relies on strong visual content and minimal use of text. Think Edward Tufte meets Pecha Kucha. Creating a slide is simple. Add some text – there’s not much room, so keep it brief. You can insert your own image from a variety of sources – take a photo with the iPad or grab an image from your iPad camera roll, Instagram, Google Drive or DropBox. Haiku Deck takes the words you’ve used on the slide and runs a fast search for Creative Commons images. It even adds the sources in the small font at the base of your finished slide. If you don’t like the search from the words you’ve used in your slide, you can type in your own search term.

When you’re done you have a variety of ways to share. You can project from your iPad or push out to the big screen via Apple TV. You can post to a variety of social media – like Facebook or Twitter. Email it as a PPT or Keynote. Embed it on your blog. Or just keep it private.

If you want to reorder a slide, press and hold down on a slide in the sorter view at the bottom of the screen. It will enlarge and you can drag it to another point in the deck. (Be warned that the app does not run on an iPad 1.)

I can’t promise that the Creative Commons search feature will play nice with your school web filter (actually I hope you don’t have filters). But I did harness my inner 8th grader to search on a variety of “naughty words.” You’ll see my test below turned up a variety of innocuous images and even mocked me with a “aww you are making me blush.” 

haiku search

Podcast: Reflections on Teaching Strategies That Work

I had a great time recording a podcast with Mark Hofer and David Carpenter for their series Ed Tech Co-Op. Go to show 26: Peter Pappas (Dec 9, 2012) via Web | iTunes 

If the art teacher taught art, the way I taught history, his students would be sitting there watching him paint.

Mark led off by asking me to reflect back on my some of the driving themes in my career. I confessed that as a novice teacher, I mimicked my experience as a high school student and taught primarily via lecture mixed with an occasional “guess what the teacher is thinking” whole-group discussion.

But I recalled an “aha” moment after repeated visits to the art class in the classroom next door. I realized that if the art teacher taught art, the way I taught history, his students would be sitting there watching him paint. I remember that got me thinking …

Our podcast continued with a lively discussion about what works in the classroom. Below are a few of the prompts they tossed at me. No ed theory or brain research in my responses. Just my candid and unrehearsed thoughts ranging from “why teaching should be the opposite of magic” to “how schools are not teaching good digital hygiene.”

  • Can you talk a bit about how you shift responsibility for the learning to the students. 
  • How did you support a constructivist model is information-laden, high stakes courses like AP / IB?
  • Did you get much push-back from your students and how did you deal with it? How do you deal with parents and administrators?
  • What do you say when teachers tell you “I’ve got so much to cover, I don’t have time for more student-based approach?”
  • Tell us more about your post “Why Johnny Can’t Search?” and how librarians and instructional technologists can partner to improve student information skills.
  • How is the analytic process different in different subjects – say science vs history?

See these posts for more on subjects raised in the podcast:

Stay tuned to Ed Tech Co-Op – a collaborative effort between the College of William & Mary, Alexandria Country Day School, and other educators interested in technology integration in K-12 classrooms.

Image credit flickr/ visual.dichotomy