In addition to charts, maps, infographics and online data visualization, one of the subjects we discuss in our Infographics and Data Visualization workshop (check out the new online version of the workshop) is simple explanatory animations. Short videos are highly effective, ideal for any device size and easy to share in social media.
During the workshop we look at outstanding examples and discuss the whole process. It starts with writing a concise and effective script, perhaps the most important part of a successful animation. We show how we create storyboards, voiceovers, music and effects, and the importance of hitting the right pace, tone and visual style for your purpose and audience.
The process is not as intimidating as someone looking at starting with animations may think. With simple vector-style art created in Illustrator and using animation software such as After Effects, it’s a simple process.
Many organizations ask us to explain relatively complex topics internally or to the public in short explanatory videos. Here are a few examples of animations we have done recently for the World Bank Group (about disaster risk management and hydrometeorological systems) and for the Pew Charitable Trusts (about new systems to manage fisheries).
For some time we had been planning on adding a virtual option to our most popular workshop, the 2-day Infographics and Data Visualization event. We had multiple requests for it over time. After more than 30 in-person workshops in Europe, Asia, and the U.S., the coronavirus pandemic has given us the final push to organize an online event.
The new 5W Academy workshop will take place via Zoom. It will be split into four 3-hour-long live sessions, on June 18, 19, 25 and 25 (Thursday and Friday over two weeks). The schedule is from 12:30 pm to 3:30 pm, U.S. Eastern Time (9:30 am to 12:30 pm Pacific) to accommodate participants in all U.S. time zones. Participants can join us join from PC, Mac or mobile devices.
This workshop is a comprehensive overview of infographics and data visualization, and tries to mimic the combination of lectures and practical exercises that we use in the in-person workshops, with great feedback from participants so far. Our two instructors have over 50 years of combined experience in the field, and over 100 international awards. We’ll discuss the role of infographics in visual storytelling and guide you to create your own, in print and online. Attendees will do practical sketching exercises for infographics, charts, diagrams, maps and animation storyboards, and create interactive data visualizations with the help of Tableau Public, Flourish and Datawrapper. We’ll see the process behind the creation of infographics and learn about gathering and preparing data, using hierarchy, color, typography, illustration, and narrative to create effective and impactful visual presentations.
The class will offer an overview of essential tools and strategies for creating engaging infographics and data visualization. Multiple award-winning projects will be explained.
This comprehensive workshop is a very practical guide for working designers, entrepreneurs, journalists, educators, and professionals who are interested in developing the skills to create print and interactive information graphics. It combine lectures and practical exercises.
We are looking forward to do more in-person workshops as soon as it’s safe and feasible. Here are some photos of the most recent international workshops we had in Singapore, New Delhi (India) and Beijing (China) for different media and finance clients.
We often see maps showing the diminishing extent of sea ice in the Arctic. The issue has big consequences for global warming as well as geopolitical. Ice free areas in the summer mean the Arctic Circle is being ventured more and more by commercial and private entities (oil tankers, fishermen, maritime traders and even cruise ships). And governments are looking at the possibilities for future oil and gas exploitation.
Although the maps we typically see show a decrease in the overall extent of sea ice, the interesting story appears when we look at the age of that ice. We did the graphic below for the Fall 2018 issue of Foreign Policy magazine. The author spent time with the Norwegian Coast Guard, which is having trouble to respond to the emergency situations associated which the much higher activity in the area. The map shows how old is the ice that doesn’t melt. As the caption says
“… not all ice is created equal. It used to be that ice that had been around for more than five years was much slower to melt. These maps show the decline of ice aged 5 and up in September when ice extent is at its minimum. Older Arctic ice should be thicker and thus less likely to melt during the warm summer months. Younger ice breaks up more easily and allows more heat to escape from the ocean to the atmosphere, leading to higher ocean temperatures during the summer.”
So it’s the dramatic decrease in the extent of the older ice what is alarming, much more than the overall extent which is decreasing but doesn’t change that much from one year to the next. A series of simple and nifty maps unveils what is hidden below the surface.
I’ll be in Mexico City next November 8 and 9 to give a talk and a one-day workshop in the second edition of the Infovis International Summit of Visual Communication. This event started last year with a star roster of speakers (Alberto Cairo, Fernando Baptista, Jaime Serra and Alberto Lucas, among others) and was very well received. It’s a venue to show the methods of some of the most relevant professionals in infographics, data visualization, interactive graphics and information architecture. The event is organized by Juan Carlos Ramírez and supported/hosted by UAM (Universidad Autónoma Metropolitana) in Cuajimalpa, Mexico City.
This year the invited speakers are Erika Espinosa of Deftly Creative, Lazaro Gamio from Axios, Angel García from Nuestro Diario (Guatemala), Antonio Farach from the Times of Oman, Lauren Tierney from The Washington Post, and myself. There will also be different one-day workshops taught by Angel García, Lazaro Gamio and myself. You can register in this page (prices are in Mexican pesos).
If you follow Infovis in Twitter (@INFOVIS_), it’s a great source for news on infographics and data visualization.
Anyone interested in creating their own data visualizations should be giddy with delight with the quickly growing number of tools available to create them without any need for programming skills, and in most cases for free: Tableau, Flourish, Datawrapper, RawGraphs, Chartbuilder or QGIS (for mapping) are some of the best, and the list goes on and on. I’m convinced in a relatively short time drag and drop tools with be as powerful and flexible as D3.js and other developer tools, making data visualization accesible to everyone.
The exciting news is seeing two software giants entering the field with new web-based tools: Adobe launched Data Illustrator a few months ago in a collaboration with the Georgia Institute of Technology, and Microsoft Research is behind the just released Charticulator. Both work very intuitively, allowing the author to bind multiple attributes of data to graphical elements. They are indeed powered by D3.js, among other libraries.
Both offer introduction videos in their hope pages. Here is Data Illustrator:
And here is Charticulator:
The tools offer tutorial sections and multiple step-by-step videos in their galleries; and they link to the research papers describing the tools, which are worth reading (Data Illustrator,Charticulator).
Creating complex visualizations like the chord diagram below seems ridiculously simple in Charticulator, and the same can be said of Data Illustrator’s visualizations. See the video:
This is not a review as I have just started playing with them, but on first look both tools are impressive. It’s still really early in their development, but if Adobe and Microsoft throw their mighty resources to support and improve them, we can expect great things in the near future. Perhaps one day Data Illustrator could be embedded within Adobe Illustrator, allowing designers to work fluidly and easily between D3 and Illustrator without leaving the graphical interface. And Charticulator could integrate into PowerPoint. Stay tuned!
The series was created by Marcelo Duhalde and Marco Hernández, in collaboration with Pablo Robles, Alice Tse, Darren Long, and Tom Eves. It has two main chapters with their own illustrated sub-sections:
It’s a good example of a well integrated package entirely created within a graphics department. The few interactive or animated elements are used judiciously, only when needed.
I’m hoping the series continues with new chapters, and I would bet the authors have thought of compiling the whole package in a book since the design and topic naturally lend to it.
The Forbidden City has always been a favorite topic ever since I created a National Geographic poster on the topic back in 2008, including researching in situ in Beijing. I researched, designed and wrote it, and the illustrations are by the great Bruce Morser, the most precise pencil illustrator I’ve ever worked with.
Hereis a page that compiles many of the best online infographics of the South China Morning Post, and this a remarkable compilation of graphics as they were published in print.
In the last few days we have been busy updating the gallery section of our website with lots of additional samples. It had not been updated in a long time. The new images are a mix of recent and older graphics, including some of the graphics done during my years at National Geographic magazine (For those Nat Geo graphics, sometimes including collaboration with other researchers and artists).
Feel free to navigate to see a range of different types of graphics including charts, diagrams and maps. You can also look by subject or technique, and see examples of branding and graphics style guides from our consulting side. Here are some of the newly uploaded samples, in no particular order (here and on the website, click on any image for a larger version):
We are working on more extensive changes to our website, with a fully responsive and redesigned site coming up before the end of the year. It will include examples of interactive graphics and animations, and this blog will be part of the main site. In the meantime, if you are interested in additional samples or want to get in touch, drop us an email to firstname.lastname@example.org.