Category: Infographics

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.

Painting by numbers

RECREATING A MASTERPIECE, THE EASY WAY.

Years ago, before cellphones and computers, this was one of our pastimes. The current enthusiasm for adult coloring books seems to be closely related. Art made relatively easy using a simple system. It’s a low-stress activity with tangible results. Here are a couple of sets I purchased recently on eBay.

Mona Lisa (Shown above.) This one is on canvas for complete authenticity. Note the handy reference pic. Everything needed is here: A numbered keyline to follow, paintbrushes, and a set of acrylic paints with corresponding numbers. I need to start filling in the areas, but it looks quite challenging. The estimated value of the original painting is $1.5 billion. My Mona Lisa cost just $16.59 (with free shipping).

The Starry Night I’m going post-impressionist with this one.

Lines on a board, ready to become art. Presumably, this is not how Van Gogh planned the painting.

A detail. For areas with two numbers, the colors have to be mixed together. Fortunately, blending between the color areas is not suggested. Some sets that I had years ago (with oil-based paints) offered that additional task. The edges that were to get a smooth transition were indicated by dashed lines.

The required paints. Reeves has a numbered system that works across all their painting by numbers sets. No number one (lemon yellow) here.

In the gallery Andy Warhol’s 1962 “Do It Yourself” series is a tribute to the “painting by numbers” craze.

COMING NEXT WEEK: Two posts about In Graphics, a brilliant magazine where all the pages are infographics. Below, staff at Infographics Group in Berlin review proofs of the new issue (number ten).

Instrumentation

ESSENTIAL INFORMATION PANELS.

Cockpit displays The Garmin G1000 NXi avionics display system for business aircraft. An interface to a huge amount of flight information including navigation, weather, air traffic, terrain, and flight instrument data. All shown on high-resolution displays. It works with an app for mobile devices to enable flight plan transfer, and syncs with an aviator watch. Photographs: Garmin.

Below, up front in the Airbus A380, the world’s largest passenger jet. Click on the image for a 360° view.

The $400,000 helmet The F-35 Gen III Helmet Mounted Display System integrates all fight information into a head-up display on the visor. Six cameras on the plane’s exterior give complete vision in all directions. The pilot can effectively see straight through the aircraft as if it was transparent. The helmet position is tracked, so wherever the pilot looks, that view is shown on the display. Targets can be fixed by looking at them. Night-vision and video recording are built in. The accompanying accessory, the F-35 jet, costs $95 million.


Image: Rockwell Collins.

Dashboards Go modern with the Ferrari 430 Scuderia…

… or retro with the 1960 Cadillac Eldorado.


Photograph: Bob P.B.

Of course, there are head up display systems available for cars. Texas Instruments has developed this one.

Data visualization dashboards These sets of charts displaying various related metrics are often not remotely as functional as real dashboards. Something for us all to watch out for. The first results from a Google search for “dashboard” are shown below.

Flap books

INFORMATION PRESENTED IN LAYERS.

The Human Head, by Dr. Ergo, 1913. All the examples in this post are from Professor Michael Stoll’s superb collection of historical information graphics, which I’ve featured a number of times before.

Below, the Practical Engineer, by Gustav Ripke, 1905.

Steam and Electricity Technology at the Beginning of the 20th Century, 1903, contains a steam engine diagram with moving paper parts.

New Natural Treatments for Animals, by Dr. Knoll, 1923.

Botany for Everyone, by Ferruccio Rizzatti, 1923.

The KDF-Wagen, 1939. A clever look inside the first Volkswagen Beetle using clear plastic sheets with opaque elements. We’re looking up from under the car on the left-hand page, and from above it on the right-hand page. It was published as a supplement for an issue of a magazine, “Motor Schau”.

Previously featured gems from Michael Stoll’s collection:
https://www.johngrimwade.com/blog/2017/03/09/flight-visualized/
https://www.johngrimwade.com/blog/2016/11/28/bayers-masterpiece/
https://www.johngrimwade.com/blog/2016/10/06/atlas-heaven/

Apple’s new home

BEHIND-THE-SCENES OF A 3D ARCHITECTURAL INFOGRAPHIC.

David Moretti and Anna Alexander, of Wired magazine, asked Bryan Christie Design to work on a diagram of Apple Park for the June issue. They sent a rough sketch showing their concept for the illustration, and some reference images.

The first step was to draw a map of the campus.

The map was imported into 3D software (Lightwave), and used as a guide to create the 3D objects. There are many ways to approach the 3D modeling process. In this case, 2D shapes created in Illustrator were extruded and rotated to make the buildings.

Some extra elements were made, such as the tunnel entrance shown here, to be used in insets on the diagram.

Trees and people were added to the scene using a technique called instancing that distributed them in selected areas of the model. The colored areas in this image represent the locations of tree instances.

Below is a previous project that the studio had produced for WIRED. The designers suggested that this could be the inspiration for the rendering style of the Apple headquarters.

Once a rough version of the model was made, the art was framed using virtual cameras. Four initial sketches were sent to the designers, who selected the one in the bottom right, which was most like their initial concept.

In Lightwave, the lighting and texturing of the image were developed.

Separate scenes were set up to render each of the details.

After refining the art based on feedback from the designers, the final details were fixed. This is how the graphic appeared in the magazine. Click on the image for a larger version.

Bryan Christie Design: http://bryanchristiedesign.com
T
heir work has featured in two previous posts:
https://www.johngrimwade.com/blog/2016/11/07/anatomical/    https://www.johngrimwade.com/blog/2016/09/19/three-dimensional/

Graphic novel

CHRIS WARE: COMIC BOOK GENIUS.

Building Stories (2012) is a creative visual storytelling statement. A big cardboard box contains fourteen elements: books, booklets, magazines, newspapers and pamphlets. All the various parts work together to tell the story of the residents of a Chicago apartment building. It can be read in any order.

The superbly crafted illustrations are often almost infographic in style. Below, the back cover index.

A poster-sized spread.

Other examples from the book.

Available on Amazon: goo.gl/AjocuU

Chris also produced a limited edition “Multi-Story Building Model” to accompany “Building Stories”. Several sheets of card that can be cut up and assembled to make a detailed 3D version of the building. You can see it assembled in the Chris Ware section of the Adam Baumgold Gallery’s website: http://adambaumgoldgallery.com

Some other work by Chris. Below, “Leftovers” from the New Yorker, 2006. Click for a larger version.

Examples of Chris’s New Yorker covers.

Mountains

FROM THE HIMALAYAS TO FLORIDA.

Classic comparison By George Woolworth Colton, 1849. Click on the image for a larger version. (From the David Rumsey Map Collection, where a very high resolution image can be downloaded: goo.gl/pTMC4O)

Seven summits The tallest peak in each continent, by Audree Lapierre of FFunction.

Mountain charts The peaks and valleys leading up to, and immediately following, the 2008 financial collapse, by Michael Najjar. Real data plots converted into mountainous landscapes. Below, Lehman Brothers share price, 1992–2008.

Mountain charts The peaks and valleys leading up to the 2008 financial collapse, by Michael Najjar. Real data plots made into mountainous landscapes. Above, Lehman Brothers share price, 1992–2008.

Dow Jones Industrial Average, 1980–2009.

Nasdaq Composite, 1980–2009.

Skiing Alpine ski maps are not an exact depiction of a particular area. The view is altered, so although it looks similar to reality, the individual ski trails are clear.

James Niehues has made maps of many U.S. ski resorts. They’re all hand-crafted with paintbrush and airbrush.
http://www.jamesniehues.com
Below is an example of his work. Mammoth Mountain Ski Area (California), shown without labels.

And with skiing information added.

Florida I stayed at a hotel in Orlando, and from the window of my room on the 20th floor, I could clearly see a snow-capped peak rising above the subtropical greenery. It was Everest Expedition at Disney World. It’s only 199 feet high, but Florida is very flat. The real Mt. Everest reaches 29,029 ft (8,848 meters). Apart from the height, another big difference is that the Everest in the Himalayas does not have a roller coaster ride inside it. The Disney World website states: “Careen through the Himalayan mountains on a speeding train while avoiding the clutches of the mythic Abominable Snowman.”

Above, Expedition Everest. (Photograph by Benjamin D.Esham.)
Below, the real Mount Everest. (Photograph by Pavel Novak.)

The high points compared.

 

Signals

ANALOG VISUAL COMMUNICATION.

(Alhovik/Shutterstock.com)

Semaphore I learned this message system when I was a Cub Scout a very long time ago. There were three boys in a team. One boy to send the signals using two flags, one to read the incoming signals, and one to record the received message. Other requirements were: A lot of patience, and binoculars if the distance required them. (In our case, the communicators were on each side of a small field, and could have shouted the message, but that’s missing the point.) Remember, the cellphone did not exist. Semaphore’s golden age was back in the 19th century when it was used extensively for communicating between ships. It still has some maritime uses today.

We may have looked something like this.

And, of course, after becoming masters of semaphore, we all earned a badge.

This 1940s U.S. Navy cardboard wheel helped sailors use semaphore. One side for sending, the other for receiving.

Help!: The photographer for this Beatles’ album cover, Robert Freeman, wanted the band to spell out the album title in semaphore, but he didn’t like their arm positions (aesthetically-speaking), so he went for a more pleasing arrangement. “N-U-J-V” doesn’t have quite the same impact, but it didn’t seem to bother anyone, except me and a few other ex-Scouts.

Monty Python’s Flying Circus: The British comedy group included a semaphore version of Wuthering Heights in one of their T.V. shows.

Peace symbol: Designed by Gerald Holtom in 1958 for a protest march. It’s based on the semaphore positions for N and D, standing for Nuclear Disarmament.

Maritime flags These can be used in different ways. A message can be spelled out with letters, or an individual flag can be used to convey a particular message. An example: The V flag flying alone means “I require assistance”. There are also multiple flag combinations to send various designated messages. And if both parties have the same code book, encrypted messages can be sent.

(Hampi/Shutterstock.com)

When sailing the magnificent “Grimwade,” my 120-foot (37-meter) schooner, on Lake Ohio, I often hoist 24 flags to advertise to passing boats the title of my blog.

Morse code Shown under the flags in the alphabetical list above. An elegant and effective way of communicating with short and long signals, known as dots and dashes, which are transmitted with sound or light. The best-known morse code message is SOS. Three dashes, three dots, three dashes, in a continuous stream. The spoken equivalent, developed with the advent of radio, is “Mayday” derived from the French m’aidez (“help me”).

Sign language Very important for people who cannot hear, it combines hand movements with facial expressions and body postures. It is not universal, and varies between countries and regions. This is ASL: American Sign Language.

Size comparison

SIDE-BY-SIDE VISUALIZATIONS.

Planets A solar system size guide, by Dave Jarvis.

Whales Note the swimmer in amongst them. By Uko Gorter: http://www.ukogorter.com/merchandise/whales-of-world-poster.html

Bombs A lineup from War World II, when these things were falling from the sky.

Big rock Comet 67P compared to Los Angeles. (https://www.flickr.com/photos/anosmicovni/14677927249/)

International Space Station Just about fits on a football field. (NASA)

Africa Much bigger than we probably imagine. By Kai Krause.
Read more about the graphic, and download a pdf, here: http://kai.sub.blue/en/africa.html
Click on the image for a higher resolution version.

Alaska The traditional inset in the corner of a continental U.S. map does not do justice to the biggest state. It’s more than twice the size of Texas, the next largest.

Star Trek The Enterprise-D alongside a range of size comparison favorites. By VSFX.

Skyscrapers The Empire State is left way behind in this race.

Camera sizes Compare camera dimensions here: http://camerasize.com

Commercial aircraft The complete Delta Airlines fleet.

More planets If Mars, Neptune and Jupiter were the same distance from the Earth as the Moon, there would be some spectacular night skies. And some other dramatic effects. By Ron Miller.

Yankee Stadium This Eight by Eight magazine graphic was my homage to size comparisons. With tongue-in-cheek captions. Click on the image for a higher resolution version.