Three-dimensional

SETTING THE STANDARD FOR 3D INFOGRAPHICS.

I’ve admired Bryan Christie Design’s work for a long time, and I’ll be featuring examples from their medical and scientific portfolio in future posts. (http://bryanchristiedesign.com) This architectural project features the subdued palette and sophisticated rendering that is the studio’s hallmark. It appeared in WIRED magazine’s Design Issue in May. (The inset diagrams on the second spread are by Jason Lee.)

See the online version of the project here: https://www.wired.com/2016/05/new-sfmoma/

sfmoma_spread1

sfmoma_spread2a

The Bryan Christie style was a breakthrough after the early years of gaudy, every-color-under-the-sun 3D graphics, and still no one does this restrained approach better. Other people’s renderings appear at first glance to be taking a similar track, but upon close inspection, they usually lack the finesse in color and lighting, and (most importantly) do not work well as information graphics.

Working on the rendering in LightWave.

lightwave1

Rough versions to fix the viewpoint.

rough_versions1

Renderings of the selected view.

renderings2

renderings3

The final version shown larger.

sfmoma_final1

In Bryan’s words, “We received the 3D file from the architects and had to make many edits so that we could manage it in our software. Files from sources like this are always very, very heavy and detailed—way too detailed for our needs. (We tend to keep things as pared down as possible). Many angles were sent to the art director, and she choose one. From there we started refining the art. Close to deadline, (as is always the case) the editors decided that they wanted the graphic to show more of the art that’s in the museum. So we had to scramble to build the additional pieces in 3D. It was a nightmare because WIRED had to check on permissions for the works.”

3d_person

This small person is standing on a table in the Bryan Christie studio. He’s escaped from the rendering, thanks to a 3D printer. And he’s important because a sense of scale is vital (see the previous post). Sometimes, when we’re looking at infographics, it seems as if the world is completely devoid of people. That situation is improving, but there are still many examples where the simple addition of a person, or some point of reference, would help us to better understand a size relationship.

Lunch (to the same scale)

AN INFOGRAPHIC DISCUSSION IN THE EMPIRE STATE BUILDING. WHERE ELSE?

Whenever I have lunch with my friend, Nigel Holmes, the infographics master (more about his work in future posts), we meet at the same location: the Heartland Brewery, which is in the Empire State Building. Why? Because it is the perfect place for a discussion about diagrams. After all, we’ve both used the iconic skyscraper so many times to give a sense of scale in our graphics.

hb_esb1

A detail from an Everest graphic designed by Nigel. (Click on image to see full graphic.)

EverestNH

An excerpt from Nigel’s “The Surplus and the Debt” movie. (Click on image to view animation.)

ESB_NH

And details from two of my graphics:

ESB_JG2

See the full graphics here:

johngrimwade.com/blog/wp-content/uploads/2016/09/abyss.jpg

johngrimwade.com/blog/wp-content/uploads/2016/09/bigdig.jpg

The Hollywood effect

HOW MOVIES INFLUENCE THE REAL WORLD OF INFORMATION DESIGN.

Ironman1

(From “The Avengers.” © Marvel Studios and Paramount Pictures. See more at: http://cargocollective.com/jayse/Avengers)

I love Hollywood. Every blockbuster fantasy film contains intricate data visualizations and info-interfaces. Huge floating displays, packed with every type of information. Charts are building all over the place, with menus, icons, rotating globes, multiple camera feeds, dashboards, and so on. Even science fiction films that get a mediocre review are a complete hit for me, providing that there’s the usual CGI vision of a future filled with infographics.

The problem is that, obviously, it’s all just for the effect. The creators can do pretty much whatever they want. Nothing is on screen long enough for us to really analyze it. We just see a few key words and the very convincing-looking visuals that go with them. Most of it is very beautiful too. It’s the info-driven world of tomorrow.

Oblivion1

(From “Oblivion.” © Universal Pictures. See more at: http://www.gmunk.com/OBLIVION-GFX)

So what’s the problem with Hollywood doing its thing? Of course, inside the movie theater it’s all perfectly fine, but in my world, every part of a presentation should be delivering something worth absorbing. I think there is a carry-over from Tinseltown to the real world of information design. There are so many graphics (especially in corporate areas) that are just an exercise in infographic styling. I’ve been asked many times to do this kind of thing myself. (Full disclosure: I’ve gone ahead and done my share. Apologies for that.) A lot of clients think that as long as the visualization looks like it is in the language of information graphics, then everything’s great. Unfortunately, there is often not much happening in terms of clarity or explanation.

But… I still love those movies.

Oblivion2

(From “Oblivion.” © Universal Pictures.)

Ironman2

(From “The Avengers.” © Marvel Studios and Paramount Pictures.)

Avengers1

(From “The Avengers.” © Marvel Studios and Paramount Pictures.)

StarTrek

(From “Star Trek Into Darkness.” © Paramount Pictures. See more at: http://www.rudyvessup.com/star-trek-2-holographic-glass-ui/)

Pictograms on poles

MY (HEALTHY) OBSESSION WITH FLAGS.

I used to collect full-size flags. My hallway looked like a corridor at the United Nations Headquarters. So it struck a chord when I saw Oscar Pernefeldt’s design for a world flag. Why don’t we have a flag that represents the idea of Planet Earth? The closest thing out there right now flies over U.N. buildings. Designing a flag that represents our world is a noble idea, and will be useful when we are moving freely around the galaxy. Talking of warp factor 10, a much larger area is represented by Star Trek’s United Federation of Planets symbol. Clearly inspired by the earthbound United Nations.

The International Flag of Planet Earth, by Oscar Pernefeldt. From the website: “Centered in the flag, seven rings form a flower—a symbol of the life on Earth. The rings are linked to each other, which represents how everything on our planet, directly or indirectly, are linked. The blue field represents water which is essential for life—also as the oceans cover most of our planet’s surface. The flower’s outer rings form a circle which could be seen as a symbol of Earth as a planet and the blue surface could represent the universe.”

Astronaut_portrait

UnitedNations1

United Nations. Olive branches and azimuthal projection.

StarTrekUFP

Not the Klingons’ favorite flag.

Back to Earth

The Flag of Europe represents the European Union.  A design by Rem Koolhaas in 2012, (really just a concept), was dubbed the “barcode.” It includes all the colors of the (then) 15 EU member states’ flags.

EU

EuropeKoolhaus

Perhaps the world’s most unusual current flag shape comes from Nepal. The other day, a Nepali-born taxi driver was pointing this out proudly to me. (Yes, I talk to cab drivers about flags.) No traditional rectangle here. Centuries ago, it was two separate pennants.

Nepal

Then there’s the square Swiss flag, so often represented as a rectangle (it matches the others better that way), and that mistake drives eight million people crazy.

Switzerland

Flags are pictograms on poles. At least, they are in Grimwade’s world.

Eight by Eight: New issue

ISSUE 9 IS PUBLISHED TODAY.

Issue9cover

A preview is here, and subscription info too: 8by8mag.com

It will be available on Magzter tomorrow (September 7) : http://www.magzter.com/US/Eight_by_Eight/Eight_by_Eight/Culture/

 

China

I went on a trip to China in May, which, of course, sparked the idea for this spread. China is the fastest-growing soccer nation in the world, and has become a major force in the transfer market, especially this year. There’s (obviously) a huge population, and big-spending teams. The traditional soccer powers of Europe and South America should be looking over their shoulders. China is rising.

The ultimate pencil

WOULD YOU PAY $75 FOR ONE?

EF602_box

The Eberhard Faber Blackwing 602 is considered by many people to be the last word in pencils. Nothing else compares. The trouble is, it went out of production in 1998. You can find one (or a box like this) on eBay. But watch out, it can cost as much as $75 for each pencil. Apparently, there are Hollywood screenwriters who cannot function at all without this pencil. “There is no way I’m writing that screenplay without a Blackwing 602,” they scream. And it has to be the original (alternate shown below), or they’re going home.

Palomino602

I’m happy with the modern version, the Palomino Blackwing 602, which has been around since 2008. I’m not too freaked out by the change in the eraser color either. But some people…

 

 

 

Soccer-centric (Part 2)

MORE INFOGRAPHICS FROM EIGHT BY EIGHT MAGAZINE.

07

I was watching a championship game, and the winning team were presented with a huge, heavy trophy. I realized that I didn’t really know what many major trophies looked like. So I began looking for information about them. They’re shown to the same scale, color-coded by type, and compared in size to the 2014 World Cup soccer ball. Surprisingly, they’re not all well-documented. My international infographics contacts helped me pin down the more difficult details. A few points: The most important one of all, the World Cup, is the smallest. The gin and tonic, my favorite drink, is part of the branding of this spread.

TrophyCabinet1

A Premier League team doctor gave us the inside details on the essential physical exam that a player has to undergo before a club finalizes the deal. At the bottom, he describes the common injuries that sideline players. Illustration by Michael Hoeweler.

Medical

How NYC FC’s pitch fits (tightly) into Yankee stadium. They also sometimes have gridiron football games there, so I showed how that fits too. I really like size comparisons, so I put several related ones in. I’ve always wanted to get the Statue of Liberty into an infographic, and this was my chance.

NYFC

Record-breakers. Gareth Bale is no longer the most expensive player in the soccer world. As of a few weeks ago, it’s Paul Pogba of Manchester United. (See the last post, he’s on the cover).

NumberOne1

What if the World Cup was decided by a nation’s wealth, or size of population, and not by playing soccer matches? The U.S. or Switzerland would be the champs, not Germany.

WorldCupAdvantage

Professor Grimwade holds forth! From the University of Eight by Eight. This is probably the kind of infographic I tell my students at OU not to make. A bunch of fun items with several gratuitous graphic elements.

AmazingFacts

A detailed portrait of the London-based teams that play in the Premier League. By Kim Lightbody.

London

Tracking where the current English top-flight clubs (as of 2014) have finished the season. It starts from 1888, when the four-tier system began. By W.Tyler Hall and Martin Salazar.

TeamHistory1

TeamHistory2

Soccer-centric (Part 1)

MAKING INFOGRAPHICS ABOUT “THE BEAUTIFUL GAME”.

Eight by Eight, an independent soccer magazine, is the brainchild of ace designers, Robert Priest and Grace Lee.

Pogba_Issue8

http://8by8mag.com  http://priestandgrace.com

It’s become well-known in the magazine design community for its brilliant page design and illustration. And in 2015, it was chosen as “Magazine of the Year” in the Society of Publication Design Awards. An amazing achievement for an indie mag, produced by a small group of volunteers on a very small budget, to come out on top of all the usual heavy-hitters.

I’m very fortunate to be the consulting graphics director, and thus can occasionally bask in the reflected glory. Here are a few of the infographics we’ve run. I’ll be showing some more in future posts.

Who doesn’t love spectacular volleyed goals? For the first issue, I imagined that I was at a game and saw all of these gems, one after the other. In fact, they happened over a couple of seasons. (Player illustrations by Jeong Suh at Bryan Christie Design.)

Air_Strikes

The ideas for the graphics usually come from watching games. For example, a player pulled off his shirt after scoring a goal (not an uncommon sight), revealing a crazy tattoo. I starting thinking about other player tattoos I’d seen. After some research, I made a rough compilation (in Photoshop). From there it proceeded to this beautifully illustrated version by Michael Hoeweler.

Tattoos1

Referee

Referees get a lot of aggro from the fans. At best, we don’t notice them. But what are they up to? I realized that I didn’t really know as much about this as I thought. Note the tongue-in-cheek captions. Soccer fans have a sense of humor about their over-excited reactions to events on the pitch.

Below is an analysis of all the games ever played between Barcelona and Real Madrid. By Catalogtree.

ElClasico1

For a guide to the 2016 European Championships, I included some handy French phrases, stadiums, and tourist tips (as France is the most visited country in the world).

FranceEuros

I think it’s important to note that the magazine is made by soccer fans for other soccer fans. Enthusiasm for the subject drives the content forward.

One of these woven badges (made by Avery Dennison) was inside every copy of issue 7.

Badges

Mega-globes

FORGET THE TABLE-TOP SIZE ONES, THESE ARE THE REAL STATEMENT PIECES.

 

Unisphere_jg_1

The Unisphere was the centerpiece of the 1964/65 New York World’s Fair, and remains the world’s biggest globe. That’s me underneath it, to give a sense of the scale. Michael Stoll* (who took the photo), later sent me some information about other big globes. And to see how they all compare, I made the simple graphic below. Unlike the massive stainless steel Unisphere, which weighs 700,000 lbs (320,000 kilos), and never moved, they all rotate, or once did. (*Examples from his superb collection of historic infographics will be featured in future posts.)

Globe_comparison_a

Some additional information about the Unisphere and it’s rivals:

Unisphere

The three rings represent the orbits of the first satellites. The globe suffered considerable (but fictional) damage in the movie Men in Black when a downed alien spaceship crashed into it. The real Unisphere was restored in the 1990s.

Eartha

At the headquarters of DeLorme, the GPS and mapping company. Installed in 1998. The largest rotating globe in the world.

Globe of Peace

A wooden framework covered with a fiberglass skin. It can hold about 600 people on three floors, and contains information about every country in the world. Shares the name of a totally unrelated (and considerably smaller) globe in Star Wars, which is a revered relic of the Naboo people.

Babson World Globe

Dedicated in 1955, but fell into disrepair by the 1980s. Restored in 1993, although it no longer rotates.

Daily News Earth Globe

The Daily News lobby was featured in the 1978 movie Superman as the lobby of the Daily Planet. The globe was installed in 1930.

 

This map of the 1965 New York World’s Fair site, with the Unisphere at it’s center, is on the wall of my office. It was produced by the master cartographer, Hermann Bollmann.

BollmanNYWF

 

NYWF65detail

It was a gift from Michael Stoll and some of his students at the University of Augsburg. I love it.

This blog started 35,000 years ago

FROM CAVE TO SUPERCOMPUTER: INFOGRAPHICS HAVE ALWAYS BEEN ALONG FOR THE RIDE. HERE’S A (BRIEF) HISTORY OF INFORMATION DESIGN.

VallortaCave

Cave infographics It all began at least 35,000 years ago. Visual communication was off and running. Perhaps even before the spoken word, although that statement is the subject of considerable debate. I’m guessing that if the cave painters could speak to each other, they probably didn’t use the word “infographic.”  (This example is from Valltorta, Spain.)

Egypt2

Pyramid Schemes Jump forward 28,000 years or so, to a written language based on pictograms. Modern decoding didn’t begin until 1899, with the discovery of the Rosetta Stone (dating from 196 BC), which displays the same passage of text in hieroglyphs, Demotic script, and Greek. It was the key to understanding the exact meaning of the symbols.

Illuminated2

Illuminations Illuminated manuscripts were produced mainly in monasteries during the early Middle Ages. By the 14th-Century, they were mostly produced by commercial scriptoria. Exquisitely decorated, sometimes with gold and silver (hence illuminated), and worth shocking amounts of money today. They contained plenty of diagrams. The development of printing signaled the end of these masterpieces.

VitruvianMan

1490: Leonardo Who? A Florence-based infographics director set the bar for the next 526 years. The Vitruvian Man is based on the ideal human proportions as described by the Roman architect Vitruvius, who specified them as the principal source of the proportions used in classical architecture

Copernicus

1543: The Earth is Apparently Not the Center of the Universe Nicolaus Copernicus figured out that the planets orbit the Sun, and made this diagram to demonstrate it. The book that contained it, Dē revolutionibus orbium coelestium, was not published until just before his death. To say it was a controversial viewpoint is somewhat of an understatement. A Catholic Church ban, that started in 1616, lasted 219 years.

Ortelius

1570: Location, Location, Location Abraham Ortelius published the first modern atlas: Theatrum Orbis Terrarum (Theatre of the World). A collection of 53 maps by various cartographers.

NewtonPinkFloyd

1704: From Newton to Pink Floyd Issac Newton’s diagram in Opticks explained the spectrum of light. 269 years later, a variation of this idea became famous as the cover of Pink Floyd’s mega-selling album Dark Side of the Moon. Curiously, Newton would have looked at home as a member of the band.

Playfair

1786: “Honey, I just invented the fever chart!” William Playfair gave us the bar chart and fever chart, and the curse of boardroom presentations, the pie chart (in 1801). An internet search for “pie chart“ reveals endless scary examples. Try it.

John Snow's cholera map of Soho

1854: Disease Control Dr. John Snow located a water pump as the source of a cholera epidemic in London, by mapping the locations of deaths from the disease.

Darwin

1859: Tree of Life The only illustration in the first edition of Charles Darwin’s On the Origin of the Species was an infographic that outlined the process of natural selection.

Minard

1869: Chart of Death Napoleon’s disastrous 1812 trek to Moscow and back was powerfully visualized by Charles Minard. The width of the path represents the number of surviving troops. It’s considered an infographic classic, especially by academics.

Beck

1931: Underground Diagram The style for every subway map in the world is directly descended from the work of a British technical draughtsman, Harry Beck.

Isotype

1935: Pictogram Pioneer Otto Neurath’s system of pictograms, Isotype  (International System of Typographic Picture Education), has had a profound influence on graphic design, and still looks surprisingly modern today. (Founded in 1935.)

Crick

1953: Double Helix The first diagram of DNA, published in the scientific journal, Nature. Infographics don’t get much more important than this. Michael Crick and James Watson discovered the DNA model. (The discovery of DNA itself occurred much earlier.) The first visualizations were drawn by Michael Crick’s wife, Odile.

PioneerPlaque

1972: Infographics for Aliens If extraterrestrials ever get to see any of our infographics, this will probably be the first one. Carried on two Pioneer spacecraft (launched in 1972 and 1973), it shows some basic details about the human race and plots our location. Pioneer 10 is currently at least 11 billion miles out into space.

MacClassic

1980s/90s: OK, Computer Infographics went digital, and the tools changed dramatically. MacDraw, MacPaint, Illustrator, Photoshop. It was all happening.

LutzHuman

GuardianHousePrices

http://www.theguardian.com/society/ng-interactive/2015/sep/02/unaffordable-country-where-can-you-afford-to-buy-a-house

Now: Multi-Platform/Big Data There’s a crazy number of presentation options, so infographics need to work effectively in multiple digital formats. “Mobile-first” is the mantra of many organizations. And then there’s Big Data. Intriguing data sets are everywhere, and everyone is looking for ways to find the truths within them, then present those revelations visually. That’s the challenge, and it will frequently be the subject of this blog.