Month: July 2017

Invisible Netherlands

VISUALIZING THE UNSEEN.

This is a guest post by Frédérik Ruys, a data journalist who has worked on three seasons of a popular Dutch public television series.

“Invisible Netherlands” (2017) is the sequel to two seasons of “Netherlands From Above”. Those series had over a million viewers.

The aim of “Invisible Netherlands” was to recreate forgotten stories, or secret events, that shaped the country and its people. One such moment was a spectacular blowout (in 1965), during the early era of the search for natural gas. Using various animation techniques, and based on authentic data, the sequence brought that moment back to life, and put it into historical perspective.

The main challenge was the storytelling. To visually merge all the different datasets into one consistent story that could captivate a broad T.V. audience, and without simplifying the facts. As usual, I started by sketching, and searching for reliable data. Below, samples of borehole location and earthquake data.

The drilling site then, and now.

Despite all physical evidence having been erased (the entire installation disappeared deep into the ground), we were able to reconstruct a 3D model of the site with the help of an engineer from that period. This was created in Cinema 4D.

Meanwhile, we processed extensive datasets of all the boreholes ever drilled, all exploited gas fields, and all earthquakes that followed the exploitation. The main challenges: the sensitive nature of the subject, and the necessary collaboration with seismologists, the energy company and the Dutch government.
I worked with director Geert Rozinga to decide the voice-over and camera angles required. Then we briefed the British animation team, 422 South (http://422south.com), who spectacularly animated and rendered the entire sequence.

The 422 South animation. Click on the image to see the video.

Finally the animation was combined with the report that had been filmed on-site, and here’s the final result: https://vimeo.com/203995902.

But as always, there was a glitch. Shortly before broadcast, the editor pointed out that one earthquake in the North Sea changed position as the camera moved. You can see it moving in from the right-hand side here.

This effect was caused by the earthquake’s depth: 17.5 miles (28 km) below the surface. As this could be confusing for viewers, the earthquake (which occurred on September 7, 1986), was removed. And will be invisible for ever.

Outside the box

MAKING INFOGRAPHICS AND ILLUSTRATIONS ON THE OTHER SIDE OF THE GLASS.

Weather An engaging prototype app by Sunny Park, designed while she was a student at SVA NYC (She’s now a UX designer at Microsoft). Sculpey clay stands in for ice cream.

Data viz For the Ablynx 2013 annual report, Soon (a studio based in Belgium) went out to the fields with sticks and colored ropes to visualize the data. They used black sand to make the backgrounds.

3D-printed Another Soon project. The Ablynx 2015 annual report.

Black cloud One day’s CO2 emissions made real by Ogilvy/Bejing.

Sarah Illenberger Creative use of everyday objects to make other everyday objects. Beautifully styled.

And paper-made illustration.

Educational challenge The number of students that dropped out of U.S. high school in 2012 averaged 857 per hour on every school day. The College Board visualized it by putting that number of desks around the Washington Monument.

Cardboard car Shannon Goff made this replica of a 1979 Lincoln Continental as a tribute to her grandfather (who owned one), and to her hometown: Detroit, the “Motor City.”


And…
This is (incredibly) my 100th post, so to mark this earth-shattering occasion, here are a few “one-hundreds.”

I have a fake wad of $100 bills (with a belt clip) that I bought in a Halloween store. In case I want to look like I have some cash.

Neutra house numbers from Design Within Reach: goo.gl/gQ149C

Typeface by Sawdust: http://www.madebysawdust.co.uk

62.1 miles per hour.

Metrics Over 30,000 views of the blog so far. The most viewed post is “Tools of the trade”: https://www.johngrimwade.com/blog/2017/01/09/tools-of-the-trade/

Thank you for reading the blog. I appreciate it. Happy Infographics!

 

Kraftwerk

INFOGRAPHICS FOR MUSIC.

Perhaps the closest thing to an infographic musical performance is a concert by the German electronic band, Kraftwerk (which means “power station”). Graphic visuals have always been an integral part of their shows, and now they’re in 3D. If you ever get a chance to go to a performance, I highly recommend it.

Above, an animation from “The Robots”. Below, my set of 3D glasses for a show at the United Palace Theater in New York City, April 2014. The numbers 1 to 8 refer to Kraftwerk’s eight classic albums. At selected venues, Kraftwerk play a complete album on each of eight separate nights. They used this format at MoMA (New York) in 2012, the Tate Modern (London) in 2013, and they’ve taken the iconic music/design experience to several other high-profile cultural venues around the world.

These photographs (by Jan Schwochow) are from a 3D performance at the Neue Nationalgalerie in Berlin, January 2015.
Below, “Aéro Dynamik.”

“Autobahn.”

“Radioactivity”.

“Vitamin.”

“The Man-Machine”.

“Computer Love”.

“The Robots”.

“Numbers”.

“Techno Pop”.

“Tour de France”.

This is all about the combination of music and visuals, so here’s a small clip from “Vitamin.” Click on the image to see the video.

And a segment from “The Robots.” Click on the image to see the video.

In May, “3-D The Catalogue” was released. It documents the shows of recent years. Available in several combinations of Blu-ray, DVD, CD, vinyl and a printed book. http://www.kraftwerk.com/catalogue/index-BLUray.html

A trailer for this set: goo.gl/8A5aGM

Underground

MAPPING THE “TUBE.”

Harry Beck really started something. His elegant map of the London Underground (which is more of a diagram than a map) set the style of the modern subway guide. It’s designed to help people use the network. To show them clearly how to get from A to B, and make the correct connections. Beck aimed to strike a balance between a clear system diagram and the geography. This involved making some compromises with the distances between stations and their relative positions, and enlarging the center area where so many lines intersect. The first map printed in a large quantity (1933) is shown above. It was produced first as a folding, pocket-size map (shown here), and soon followed by a poster-size version. The design allowed for future expansion of the network.

The 1932 map (below) that preceded Beck’s was by F. H. Stingemore who designed the map from 1925 to 1932. The central area in the Stingemore map was slightly exaggerated and the outer stations were listed at the edges of the map. Beck’s redesign was a radical departure.

A rough drawing from 1931 shows Beck’s initial plan for his more diagrammatic map. He was an engineering draughtsman, not a graphic designer, so he looked at the project like an electrical circuit diagram.

A presentation version (1931) was rejected at first, but the following year was the basis for a test run of 500 copies. At this point, Beck was still using circles for most of the stations. He switched to tick marks in the 1933 version.

The current map is a lot more complicated with fare zones and additional subway lines.

The distortion from actual relationships to the diagrammatic map is shown in this animation. By Pham_Trinli.

In 2015, Transport for London released a more geographically-correct map that could be a real help for walkers, bikers etc. It was forced into the public area by a Freedom of Information request. Click on the image for a pdf version.

Earlier this month, Transport for London published a map for people who don’t like to be inside a tunnel, showing where the trains are actually underground. Despite the name of the system, 55% of it is above ground. Click on the image for a pdf version.

Icon invasion

EMOJI HEAVEN, OR HELL?

Today is World Emoji Day. Why? Because that’s the date shown on Apple’s iCal emoji. The day (in 2002) that the calendar application was announced. Here’s the calendar emojis from Apple, Google and Twitter, which uses the date that it was founded.

Since they first appeared on Japanese phones in the late 1990s, emojis have risen to clearly become (numerically-speaking) number one in the world of visual communication. Billions are used every day. “Emoji” means “pictogram” in Japanese. Surprisingly, the connection to the English words “emotion”and “emoticon” is coincidental. There are 1,144 separate emoji components in Unicode 10, and many other emojis are composed by putting two or more together.

If you want to improve your emoji knowledge, Emojipedia is the place: https://emojipedia.org

It’s all happening in the world of cute little icons. There’s an emoji movie coming out next week.


(The Emoji Movie © Sony Pictures Entertainment)

The most popular emoji is “Tears of Joy.” Below are the Apple and Samsung versions.

We can already search with emojis, and now the big brands are ramping up their emoji-friendliness. These are for Coca-Cola and IKEA.

As the travel website, KAYAK stated: “Spelling things is so 2015.” The site can already be searched using these ten emojis to represent cities, and they’ve just had a competition to choose 15 more.

Truth Facts give their take on the way that things are going.

Nigel Holmes wrote an excellent post about emojis (and other developments in visual language) earlier this year: https://www.johngrimwade.com/blog/2017/02/20/emojis-and-beyond/

Atomic

DESIGN IN THE NUCLEAR ERA.

The atomic age lasted through the 1950s and 1960s. It was a time of two opposite dynamics: there was the promise of unlimited power, and the threat of world destruction.

The dream Some examples of atomic optimism. Does the dog look worried?


Nuclear playtime
An atomic lab in your child’s bedroom? Why not?

5,000 miles per charge The 1958 Ford Nucleon was a prototype car that would be powered by a small nuclear reactor. Perhaps.


Atomium
Built in Brussels for the 1958 World’s Fair, this is a very large model of the unit cell of an iron crystal (magnified 165 billion times). It’s 335 feet tall (102 meters).


(Photograph: Mike Cattell)

Inside the top sphere there’s a restaurant with a panoramic view of the city.


World War III
There was a very real worry that buttons might be pushed. Hence the fallout shelters all over the place.

You might want to build your own in the back garden.

It looks like fun.

Some light reading before bedtime.

Tempus fugit

VISUAL DISPLAYS OF TIME.

Luxury clock The expensive Atmos 568 ($27,000+tax) tells the time, the month and the phase of the moon, and is powered by a gas-filled capsule. It’s close to perpetual motion, as just a one-degree temperature shift can drive it for two days. Designed by Marc Newson, who is part of Apple’s design team.

Sundial Often seen in gardens. Obviously not very effective on cloudy days. This one is indicating 3:15.


(Photograph © Antonio Ribeiro/123rf)

They are sometimes much larger and more elaborate, like this one in London. It was designed by Wendy Taylor, a sculptor.


(Photograph © Christian Mueller/123rf)

Of course, any tall object is potentially a gnomon (the center part of a sundial), and the Washington Monument is a good possibility. Some numbers on the ground are all that’s needed to convert it into a very large clock.

Or go smaller and get a sundial wristwatch: https://www.helios-sonnenuhren.de/en/helios-watch

Hourglass There’s something compelling about watching falling sand indicate the passing of time. No idea why.


(Photograph © stokkete/123rf)

Swiss simplicity This classic clock was designed in 1944 by Hans Hilfiker, who worked as an engineer for the Swiss Railway.


(Photograph: Daniel Sparing)

Personal time Juan Velasco, the infographics maestro, once described his watch as his favorite infographic. I’ve made it clear in previous posts that I love a good watch. I can’t afford this one, but I want it.

One year “The Present” tracks the seasons. Not sure why this is particularly helpful, but it looks good on the wall. “Oh look, we’re halfway through winter!” If you’re interested, you can get it here: goo.gl/qKdr9A

10,000 year clock The first prototype of “The Clock of the Long Now” is in London’s Science Museum. It’s eight-feet-tall (2.4 meters). The full-size clock will, in theory, be able to operate for 10,000 years, with proper maintenance. That 200-feet-tall (61 meters) version is being built inside a mountain in Texas on land owned by one of the project’s backers, Amazon’s Jeff Bezos.


(Photograph: Rolfe Horn)

The big picture An infographic that I made for “In Graphics” issue 5 contained my take on an old schoolroom favorite: Our entire history as if it happened over a 24-hour period.

The time section is shown below. Note how the dinosaurs were around a lot longer than we have been (so far).

See a preview of “In Graphics” issue 10 here: https://www.johngrimwade.com/blog/2017/07/06/in-graphics-2/
Example spreads from the first nine issues are here: https://www.johngrimwade.com/blog/2017/07/03/in-graphics-1/

In Graphics (2)

INTRODUCING ISSUE TEN.

Jan Schwochow’s Infographics Group (http://infographics.group) are the team behind “In Graphics” magazine. The previous post had an example from each of the first nine issues: https://www.johngrimwade.com/blog/2017/07/03/in-graphics-1/

Here are six spreads from the new issue (shown for the first time). It’s available at: https://store.ingraphics.info

All the images are © Infographics Group, Berlin.

Above, the cover. Below, the index.

Heartbeat comparison, from a 12-page feature. Click on the image for a larger version.

Berlin Wall history.

The Autobahn system.

The Doomsday Clock. From a 6-page feature.

Instruction manual pages. Click on the images for larger versions.

In a few weeks time, you’ll be able to buy this slipcase to hold all ten issues. It will be available here: https://store.ingraphics.info

In Graphics (1)

THE FIRST NINE ISSUES OF THE All-INFOGRAPHICS MAGAZINE.

On Thursday, the tenth issue of “In Graphics” will be published, and it will be featured exclusively here. Since 2010, the magazine has been a brilliant showcase of information graphics. Frankly, it has always amazed me how this gets produced, and to such a high standard. All this hard work has led to numerous infographic awards.
“In Graphics” is the vision of Jan Schwochow, head of Infographics Group (formerly Golden Section Graphics), which is based in Berlin. It’s a magazine in which everything is explained visually. In my dream world, all publications are like this. The studio: http://infographics.group

Below, one spread from each of the first nine issues, chosen by Jan. He told me that it was a very difficult task to pick favorite examples from so many graphics. I can certainly understand that. The printed size of each spread is 18″ x 13″ (46 x 33 cm).

Issue 1. The Allianz Arena’s workforce. (Click on the image for a larger version.)

Issue 2. European colonialism. (Click on the image for a larger version.)

Issue 3. Speed and lifespan.

Issue 4. The London Olympic Stadium. (Click on the image for a larger version.)

Issue 5. Tarantino’s victims.

Issue 6. Airbus versus Boeing. (Click on the image for a larger version.)

Issue 7. Inside the Nestlé company.

Issue 8. Light explained.

Issue 9. Fruit pips compared. (Click on the image for a larger version.)

Buy the issues here: https://store.ingraphics.info

Next post: “In Graphics” Issue 10, an exclusive preview.