Digital works

#infofails: A busy 2021 kick off

Yup, a new crazy and very busy year have started. So, let’s kick off a new season of #infofails from recent months:

Sand mining projects

To be honest, I never thought about sand before this series of projects. However, sand is the planet’s most mined material, some 50 billion tons are extracted from lakes, riverbeds, coastlines and deltas each year, according to the UNEP. All around this topic is fascinating from a visual journalism perspective, the figures are huge and so scary and sad at the same time. –So, ideal for some good stories right?

Early in February, we did this story on how Chinese dredging ships are swarming Taiwan’s Matsu Islands. If you haven’t see it yet, please have a look first and comeback to this post. [ link here too: https://tmsnrt.rs/39OYbAZ ]

I did some stuff that we didn’t use because we turned into another direction, like the map of Taiwan at the top of this post, I was experimenting a little bit with colour schemes and the way of the relief, below are shown some closer details of Taiwan, Hunan-China, Hong Kong…

I also spent some time trying to understand how these strange dredge boats dig into the seabed, scoop up the sand, and then spit the material through a conveyor somewhere else. It seems that the Chinese used this type of boat often according to what I could see in many photographs of the Taiwanese islands affected by mining. But at the end we keep it simple with just the outside diagram of the boat as you can see in the page. Here’s a little detail of the inside that I didn’t finish completely:

I also got some estimated figures from Taiwan’s Ocean Affairs Council about how much sand the Chinese boats have take over the last five years. In the end we didn’t use it for the story, but the idea was to model piles with the same estimated volume and use the same style as the sand dredger above alongside a 2-meter man to give a better understanding of the amount of sand extracted. .

Some nice data I also was looking into was the GLAD ( Global Surface Water Dynamics ) those data sets are based in Landsat 5, 7, and 8 scenes, and they are so cool but didn’t use for the project. In that DB, you can see how rivers and water bodies in general have changed their shapes since 1999. I was looking at the Mekong river, but the data coverage is global and there are some really nice parts like this section of in Bangladesh:

In fact, I played a lot with these sand projects. From particles to animations, maps, illustrations … I made some fading castles for the top image before it ended up in a city made of sand as shown now. I made sand elephants, particles to see how different the grains are … LOTS of exploration to better understand the subject and I can say that anyone can spend years making visual stories about sand.

Other projects

I’ll keep this short since I already wrote down a lot about sand, let’s consider this tiny section as a bonus track 😆

Also in early January, we saw the story of the Chinese miners trapped inside a deep mine, it may looks like a huge simple illustration, but it has a lot of research behind to make it as much accurate as a breaking news story can be.

Illustrations sometimes can be way much more complicated than dataviz graphics I think. That, because you can’t argue with data, or print your own perceptions into something that it’s already simplified to dots and lines. Let’s make a little parenthesis here:

The illustrated graphics are more humanistic yes, but also complicated because you cannot detach yourself from those same parts that connect you with the information, those that you use to "humanise the information". I mean, you can't control what the people will see there, because it opens a wide range of interpretation. Not like strait forward dataviz isn't? Well, maybe not even in dataviz, everything have exceptions. Just look at [ this ] tweets by Francis Gagnon that sparked a lot of opinions in the visual journalism community about how cold and inhuman are "dots" representing people in a NYT graphic in the print front page. 

Ok, turning back to #infofails, in January also I worked in the Sriwijaya crash story, a straightforward breaking news story. The opening image saw some versions as we tried to tackle a sensitive topic and not give the wrong message to the readers at the very top of the story.

Some times I just want to run away from noisy things, have a look to the most basic and elemental thing in the visual I’m creating. So then I can go and add little clues for the eye. Doing that I think, we can find what’s needed to be highlighted, we can also understand what we know, but maybe not the reader isn’t understanding at the first instance by looking the graphic.

A map of Antarctica’s icebergs, just icebergs. Not land, sea or labels. Based on data from BYU Antarctic Iceberg Database

About #infofails post series:
I keep my beta graphics, those that never go public… Maybe they are tons of versions of a graphic or just a few concepts, part of my creative process. So, where all those things go? well, ends-up in #infofails –a collection of my fails at work.

Did you like #infofails?
Have a look to other #infofails Chapters here:

1: Wildfires
2: Plastic bottles
3: Hong Kong protest
4: The Everest
5: Amazon gold

6: The world on fire

Advertisement
Standard
blogging, Digital works

2020 in graphics: My favourite little details

That time of year is back, most infographic teams look back, making lists of work that left the year and highlighting their best stories.

I decided to make my own list of favourite details in the projects that I work on throughout 2020. But, before jumping in, keep in mind these are my opinions on small details out of context. Those little bricks are part of a bigger story.


January

I spent the first month of 2020 covering the Australian bushfires and little stories of a “new mystery virus”. If I need to pick just one single detail of those projects from January I’ll say the opening map of the story entitled Assessing Australia’s “ecological disaster”.

This map shows the habitats of 1,400 species in Australia.

The map is superposition of the habitats species in Australia, follow by the areas burned by wildfires in 2019. I like this little details because at the end of the animation you can see how all the habitats blends and some white areas a left in the map as well, turning this map into a map of Australian wildlife diversity and the fires threatening the animals’ territories.

January highlight link HERE.


February

We knew very little about the virus back in February, not many people was worried about it and the major threat may was the people returning home from “ground zero”. Countries started to evacuate their citizens from Wuhan and later on from China. My favourite detail was this simple diagram I work on about each country evacuees known at the moment.

565 Japanese were evacuated from China on early February.

Among the Japanese evacuees, them 7 tested positive while in quarantine. I guess uncertain is the worst feeling while you are isolated with other people who could be positive, especially if you are “locked in” with a lot of people. This little diagram transmits a bit more than just a visualisation of “how many of them”…

February highlight link HERE.


March

No surprise: A little more about COVID-19 stories in March.

Anyway one of the most choking stories happened in South Korea. The “michin ajumma” was all over the news in Asia because the incredible level of negligence of this woman. South Koreans called this woman “michin ajumma” or “crazy auntie” in english becase she was a virus super-spreader including records of contacts for more than one thousand people while she was sick.

Diagram of the Korean patient #31.

I like this diagram because allow you to see how this person went in and out from hospital for different reasons, including the need to attend a buffet in a hotel.

March highlight link HERE.


April

Some stories take more time than other to hatch, we need to take our time to conceptualise, produce, corroborate, edit, polish, promote… But among all the stories of the year, none took more time than “How coronavirus hitched a ride through China“. This crazy COVID ride across the vast lands of China reveal series of mind-blowing little stories to explain how the first cases of the virus arrived to each province of China.

My favourite little story, because the implications of the travel, is this 3,600km train-trip that Mr. Zhang did from Wuhan to Lhasa. Can you imagine be in a train for 3 days traveling sick and sharing a small place with many other people around? I guess no one knew anything about risk back then. This little story in itself could be a Hollywood movie.

April highlight link HERE.


May

Some events in our blue marble are big enough to be seen from space.

My favourite detail in May was one of the images we spotted with the Sentinel satellite. The image shows a bunch of cruise ships anchored in the Philippines with no guest but hundreds of crew still on board, trapped without a job guarantee; just waiting in limbo of the world’s largest cruise parking lot.

May highlight link HERE.


June

By mid year I turned my attention to other problems occurring in South America.

Illegal mining that tears down vast tracts of the Amazon rainforest threatens indigenous peoples and their way of life. Even illegal miners themselves endanger themselves by inhaling highly toxic waste from using mercury, even handling it with their bare hands.

My favourite details are those little illustration blocks explaining part of the problems. Staggering satellite images are proof of the magnitude of the problem in the region.

June highlight link HERE.


July

Have you ever see an ant farm as a kid? It was amazing isn’t? you can imagine what’s going on in the little world down there, all that crazy movement and structures rising trough the time.

If you don’t know what I’m talking about you may need to see this piece we did in August about the mining sites of Rio Tinto in Australia.

Mining Australia’s sacred sites” was a very serious topic actually. Some fo the destroyed areas have heritage history of over 20,000 years. The state-approved destruction carried out by the mining company sparked anger from indigenous landowners.

In this case, satellites were useful to provide evidence of the expansion of the mines. My favourite detail is the timelapse of Brockman 4 mine, because it looks just like an ant farm.

Satellite image timelapse: Sentinel 2, European Space Agency.

July highlight link HERE.


August

Many many things happened in August, we covered some breaking stories like Beirut’s explosion, and the Japanese bulk carrier Wakashio which got struck a coral reef on the paradisiac island of Mauritius. But my favourite among all of them is a completely different story.

August marked the 75th anniversary of the Hiroshima and Nagasaki A-bombs. We took the opportunity to create a visual explainer of what happened in a document style adapted to the time. You may notice the special typography and a particular style on the maps too. But the best thing about this project was the Japanese version that was published shortly after.

You can compare the English version here with the Japanese version here, you will noticed that some of the pieces are different too, so, isn’t exactly the same experience.


September

The ninth month of the year was all about wildfires again. Just like we kicked off the year, but this time the flames were consuming the North American forest. We did some different pieces, but one of the most popular was the smoke story.

The globe animation at the top of the page was very popular on Twitter, for some reason that kind of visual is always popular… But among all the pieces, my favourites are the small multiples further down the page.

Those images frozen in time are some of the most relevant moments of the smoke dimensions. Something that you maybe miss in the animation if you don’t pay attention enough.

September highlight link HERE.


October

For a long time I wanted to do some graphic on wine, something about varieties, process, climate or so… But, I never tough that the chance will come because the vineyards were on fire.

Up in smoke” is a story to visualise the damage caused by the fires in one of the most iconic wine regions of the world. Using some maps, dataviz, images and illustrations we tried to show what was going on there.

Doing research is a normal thing in all of our projects. But I guess because I really like wine, my favourite part of this project was the research phase. Reading so many articles, collecting so much data from everywhere, learn a lot to be able to explain later… and all that was about wine!

Yup, it was a nice experience, sad yes, but I learned a lot.

September highlight link HERE.


November

I really like to find the “woow” trigger in the stories. The “woow” happens when you give a little of context and show a visual of something that the reader wasn’t expecting, or even you in first instance.

In last November we were working in this story about the glaciers in the Tibet region. The page shows impressive drone images and how the glaciers are retreating rapidly, but my favourite part of this is to realise how much changes the region over a year. The original loop show a whole year of transition, below are shown just the extremes:

Landsat-8 satellite. Oct. 2020 vs Dec. 2019

November highlight link HERE.


December

What a year!
By December I was calculating which one of the projects I have the queue will see the light before the end of the year.

The monster-sized A68a iceberg that has been wandering in the ocean since 2017 made headlines when it began approaching an island full of penguins and other species. By then I already had some data sets in my “sources folder”. So in record time, we finished what turned out to be my favourite story of the month.

I knew the iceberg was huge, but one of the things that was spinning in my head was how much?
Probably bigger than many islands or even countries!

That’s why size comparisons are my favourites in this story, it’s not just about saying it’s massive, but about demonstrating it by showing evidence and references.

December highlight link HERE.


My 2020 list of graphics

Just a few days more of this crazy year are left, so many extreme stories have happened. This list is actually just a sneak pick of all the stuff we did over the year.

As I said at the beginning of this post, the little details in this list were pulled from the original context, I really encourage you to visit the full stories in the link at the end of each month’s entry to get a better understanding of the information.

See you all in 2021, Merry Christmas!

(Gif animated by @Kirun via Giphy)

Standard
Digital works, infofails

#Infofails: the world on fire

2020 kicked off with record-breaking wildfires in Australia, the hatching a global pandemic, and later the a new wildfires season turning into ashes thousands of sqkm of the U.S. West Coast, then Trump again… you know all that right?

In the middle of all that craziness, we were juggling to cover the events with visual stories. As usual, I did a little more than necessary in order to explore and get details relevant to our stories… and well, not all of them worked out…

Where there is fire, there is smoke

Some events on our planet reach sufficient dimensions to be easily seen from space, wildfires are one of them.

Mercator projected snapshot of organic carbon data on September 16th, 2020. Data from NASA-GMAO

I had work with GMAO data many times before, it’s a good source to see a model of aerosols and other specific data on a large scale, works very well for continental areas, not too much for a closer zoom like country level.

Anyway, the idea of this. visualisation was very clear, it was about to show the large dimension of the smoke caused by the wildfires in the US. West Coast.

One by one in QGIS, I did a series of renderings like the one shown above with data between June and mid-September (around 100 days), which is probably not too much, but the data is collected every 3 hours so I manually processed about 400 files to get a smooth animation.

Animation test v1.

To get control of the style without coming again to QGIS, I did the series of data only, a layer with the country borders, a layer with labels and so on… I also did one version with the same idea but in a globe.

Style test. v4.

I often try different versions of my graphics, On my team here at Reuters, we often joke that until we get to the twentieth version we won’t be close to finishing … Although in some cases that joke does come true.

The final version ended up looking a bit different. I controlled the final style in Illustrator, Photoshop and After Effects.

Final version. ( v.11 )

There are many more pieces in that story, including a really cool cutaway of the smoke made by my teammate Manas Sharma with data from NASA’s Calipso mission. You can have a look to the full story here: https://tmsnrt.rs/3nkkOkX.

But the wildfires continued to break historical records and turning the city’s skies orange-red. There were many other stories on that tragedy waiting to be told, even though the stories of the covid-19 did not stop harassing us either.

An aircraft swarm

OV-10 “Bronco” sketch test for the Cal Fire aircraft story.

Air attack was one of those stories we worked on in the middle of this year, the main idea was to show the impressive deployment and coordination of planes to deal with the fires in California. Just doing the planes was very enthusiastic, the main issue was how to pick the right ones.

Cal-Fire has on hand an extensive fleet of planes, tankers and helicopters, some in heavy operation, others less so. However, the flight and route logs from FlightRadar24 gave us an outlet to filter the aircraft.

Cal Fire aircraft sketches for the story.

You may have noticed some airplanes in the image above that aren’t in the final story. The AT-802A were used to guide tankers in the old days, they are probably still in use elsewhere, I think you can see them in the Pixar movie “Planes”.

That was one of the “unnecessary resources” that I created, thinking that it might have been nice to show how things have evolved over the years, but it was not the case. You can read the story through the following link: https://tmsnrt.rs/2Iy2K7W

Wine and ashes

There’s one thing you should know about me: I love wine.

I usually work colour at the end. More versions to test and try keeping outlines or light-shadows intact.

Most of the stories I’ve made in the last year or two are sad, some about environmental disasters, people in danger, dying, or losing everything.

Like many, this story came with some mixed feelings. I think it was the first time that I had the opportunity to do something about wine, and it involved the destruction of hundreds of vineyards.

Although I really enjoy to do reporting, create a map, draw a diagram, or write a story draft, those same stories always bring me a strange mix of joy in doing my job and the sadness of understanding the dimensions of a problem or event. I’m not complaining, I keep my job at the office, but it’s curious I guess.

You can have a look to the wine story here: https://tmsnrt.rs/3eZnWQ9

There’s no time enough in the world

Not matter how much time I can have, there’s always one more thing I’ll like to explore. Nice thing is you can save the idea in the bucket for next time. And the fires coverage wasn’t an exception.

Screenshot of the VIRS brightness data over California. Night time Aug. 03, 2020.

Around mid year, I was exploring at VIIRS/NPP data, this data contains 26 data sets including radiance sensors, shortwave IR radiance, earth’s brightness and temperatures etc.

That data can give you a daily quick look of lights and temperatures of the planet’s surface, of course if clouds play nice and go away from your interest area.

After downloading the data for a few days in the area, I noticed some bright areas that turned on and off depending on the day, probably fires that were seen burning from space at night.

The lights were so intense that you can easily mistake them for city lights. Check the white circles bellow:


About #infofails post series:
I keep my beta graphics, those that never go public… Maybe they are tons of versions of a graphic or just a few concepts, part of my creative process. So, where all those things go? well, ends-up in #infofails –a collection of my fails at work.

Did you like #infofails?
Have a look to other #infofails Chapters here:

1: Wildfires
2: Plastic bottles
3: Hong Kong protest
4: The Everest
5: Amazon gold

Standard
Digital works, infofails

#Infofails: Chapter 05, gold rush

I just realised that last time I did one of this chapters was last year, woow. My original idea was for me to publish one of these every three or four weeks … but reality has slapped me in the face: I don’t have time enough between projects.

Anyway, let’s talk about fails then.

That image at the top of this post is a QGIS render of the Amazon Basin made with data from Hydrosheds. It is part of the geographic data from my latest project on Reuters. But you may have never saw that thing anywhere in the project, unless not like that.

The Amazon Gold Project have a mix of styles including 3D, traditional sketching, vector works…

The 3D stage

I did some early versions of the maps using layers rendered in QGIS, a layer for terrain, base colour areas, borders, rivers etc. Then I re-pack all in Cinema 4D to create some side illumination.

Cycles C4D
Terrain layer test imported from QGIS, then rendered alone in C4D / Cycles

The idea was to try some alternative maps, at the end some illustrator labels and the dummy look something like this:

Map dummy with false text annotations

The 3D above was just a quick exercise while I was looking for styles. A bunch of images later, the things turned into flat images

And then to flat vector, probably taking out stuff from the map from crowded to cleaner to whatever…

Maybe I went too far because I really like how this was looking in outlines preview… someone should stop me at that time!

And it happened, in the end I went on to make other pieces putting pieces together on the page, bits of code, illustrations, etc.

If you already saw this project, you know that it has some illustrations, pieces that explain how illegal miners extract gold and contaminate rivers and destroy forests in the process.

Meanwhile I was also processing some satellite images, adding labels and looking for evidence of the miners from the space, then I saw some websites talking about the situation in Peru, so I look up the area in Sentinel and wooow!

I stumbled upon this place near the Peru-Brazil-Bolivia, border. Kilometres and Kilometres of devastation by the gold miners, a strip of more than 30km into the forest and actually I saw it for first time in false color, in near infrared, so the image was shocking to me.

Madre de Dios mining pits. Sentinel Hub, false color, near infrared.
Madre de Dios mining pit. Sentinel Hub, false color, near infrared.

Later we move to true color, trying to match the other satellite images that we had chosen earlier for this project, but still you have the feeling of the immensity of the destruction of these sites. I think that images have an immense power to present the damage dimension

5-6 km long section of mining pits at Madre de Dios. (Sentinel Hub, True color)
Sentinel Hub, true color.
Sentinel Hub, true color.

So, I’ll say, fails in here, YES, well I spend a lot of time looking for alternative styles, experimentation is nice I collected a lot of information, but maybe I went too far styling place holders… Anyway I enjoy a lot this project, but and I’m more than happy that is already over.

About #infofails post series:
I keep my beta graphics, those that never go public… Maybe they are tons of versions of a graphic or just a few concepts, part of my creative process. So, where all those things go? well, ends-up in #infofails –a collection of my fails at work.

Did you like #infofails?
Have a look to other #infofails Chapters here:

Standard
Digital works

Crazy week of covid-19 stories

Around the world millions of people are still at home, waiting for this and other measures to take effect to face the coronavirus outbreak that has affected us for months now.  From the perspective of those of us who work in the media, these have been exhausting days.

In my particular case, this week, from my chair at home, I published two projects related to the virus and there are still many more waiting. You can have a look here: https://reut.rs/3cnZ7e8 and here: https://reut.rs/3etB13s

characters_draf
How coronavirus hitched a ride through China
For the first project I did a lot of illustrations, but also a bunch of graphics that you may not notice, there are about 135 maps (including different device sizes), also there are about 37,324 human icons, illustrator was about to set on fire my laptop while editing those icons 😂
characters

And some of the thousands of humans featured in the story:

icons


A breath of fresh air

The second project was a little different. Around the first week of February, I was curious about air quality in China and what could cause the lockdown, I discussed it with my boss the idea, but we never had time to go further and analyse the data. Few days later I did a quick search just to see if there was something interesting there:

nitrogen

Surface NO2 captures from earth.nullschool.net | on the right January 2020 day by day, at the left, February same logic. (Not for publish just to see what’s going on back then)

Then, I saw some other media and people doing nice stories about nitrogen dioxide, so, the idea stay in the back of my mind for a while. Finally, when April arrived, I was able to resume the project, and I took on the task of generating some basic visualisations and charts to share the idea with the team and a series of scientists from various disciplines.

final_mapseries

Part of the maps shown in Reuters story.

Of all this latest project, what I enjoyed the most was seeing the maps.

The pollution spots draw the high mountains in different parts of the world. I find it hypnotic to see those patterns without any labels or borders, just the data giving shape to the mountains, plateaus…

TIBETANPLATEAUHIMALAYASALPS

Anyway, I hope you enjoy these projects as much as I enjoy creating them.

One last note: The map on top of this post is about optical aerosol (AOD), based in data of GMAO/NASA. Picture of the day (March 01, 2020).
Many thanks to all the scientist and experts that help us to get that story out on time!

Standard
blogging, Digital works, infofails

The last chapter of #infofails… [of 2019]

About #infofails post series: I have a lot of beta graphics that never go public, it can be tons of versions of a graphic or just a few concepts as part of my creative process. So, where all those things go? well, ends-up in #infofails –a collection of my fails at work.

This 2019 is almost gone, big media is doing their “year in graphics” collections, meanwhile I’m in the rush hour trying to fit one more graphic in this year. I’m looking back trough this year, and it has been a crazy one; many unexpected things and lots of changes for me. That’s the case of this project I want to share with you, is one of those unexpected results, or un-result to be accurate.

himalayas

Death rates at the Himalayas peaks

The Mount Everest project (screengrab above) started as a great opportunity for a data narrative, the story behind was the bloom in the climbers amount, many times resulting deathly for them; the whole team was doing pieces to get this story online, if you didn’t saw it, here’s the final result of the project: CLICK HERE. Have a look first, then come back to this story for a better context.

 

 

The fail story

My fails begun when I was trying to get an accurate model of the mountain, I first tried doing some elevation curves map, like the one on top of this entry. The main problem here was to get a good resolution, I was taking as base a 90m DEM produced by NASA, the files are great and works most of the times, but not to the level of detail I was looking for.

himalayas.jpg

90m DEM by SRTM/NASA. This was the starting point.

 

This thing works for a general overview of the whole mountain system of the Himalayas. To me, it was look in a good shape. By exaggerating the elevation, the idea was to add a color range or some other texture to visualize the heights, so then point out the mountains other than the Everest were the climbers usually go.

elevation profile.jpg

Version #1 Himalayas peaks

You maybe noticed that usually I do 1-5 versions of the images to try different ideas, in this case, I didn’t went any further because in the middle of the production some other projects came in. Fortunately my teammates got some other ideas, they took the project from this stage forward. I just jumped in again at the end to collaborate with the finishing touches and adjustments, so I can’t take any credit.

But going back to my fails, I did a few more pieces before the no return point in this project, one of them, a preview of the contours growing-up:

elevation.gif

Everest and surroundings, model based in 90m data by SRTM/NASA.

Also I try some more realistic look using a 30M DEM from the Shuttle Radar Topography Mission. That one was looking better, but I was already out of time:

crop06_0090.jpg

C4D textured model based on 30m DEM data by SRTM/NASA

basic_gshade.pn

Basic shading. C4D model based in 30m DEM by SRTM/NASA

wiref_01

Color ramp by height, Himalayas system. C4D model based in 30m DEM by SRTM/NASA

wiref_04

Mount Everest close-up. C4D model based in 30m DEM by SRTM/NASA

There was also an other idea to show in this graphic. I was thinking that maybe will be nice to show the equipment that modern climbers uses today in comparison with the equipment of explorers from 60 yeas ago when the mountains were the final frontiers of the unknown. Is incredible that teams went there with heavy and basic equipment and yet make it to the mountain (with great help from the Sherpas of course).

50s_sketch.jpg

Climbers equipment detail. Based in documentation of the British expedition of 1950.

Not sure if this graphic of comparisons will be published or not, so I’ll upload just a tiny little part without information or details, but who knows, you maybe see it next year either at Reuters website, or here as another of my fails for your entertainment haha.

It has been a pleasure to have your comments and readings this year, I hope we will read each other soon.

Happy holidays!

________
Did you like #infofails?
Have a look to other #infofails Chapters here:

–Chapter One
–Chapter Two
–Chapter Three 

Stay tuned for the next chapter in 2020! 🥳

Standard
infofails

Violence in Hong Kong // chapter 03 #infofails

About #infofails post series:

I have a lot of beta graphics that never go public, it can be tons of versions of a graphic or just a few concepts as part of my creative process. So, where all those things go?  well, ends-up in #infofails –a collection of my fails at work.

This time I’ll like to share a little bit of the backstage of the Hong Kong raising violence project. If you haven’t seen it yet, Have a look here first and come back to the article later to get a better context of this:

https://reut.rs/2qbMZdi

This year in the Asia Pacific region, one of the strongest topics of every day in the news is the protest in Hong Kong. Every newsroom here has been doing a lot of related work to the situation, and only seems to be worse and worse through the time.

sample

Screenshot of the section dedicated to the use of tear gas by the Hong Kong Police.

We spend a lot of time checking the information with the Police press releases and many different sources just to get simple charts to show/prove if the violence is increasing or not. I guess we spend more time taking care of little details rather than doing the visual display of the piece. That’s one of the best things I can highlight on the Reuters graphics team.

Police_gun_01_VZ

Concepts for the Police equipment display

social_02

Final version show in the story

It’s funny how this year I been doing so many illustrations for projects. I don’t see myself as an artist. In fact, I feel sorrow about my sketches because the quality of my drawings is not good enough, in part because I have friends with huge skills like Adolfo Arranz and  Daniel Solano but, talking about graphics, I feel that I should try things outside my comfort zone, no matter if it’s a 3D tool, hand made sketches, vector graphics or the result a few lines of code… It is an endless search for new ways to effectively communicate our stories.

The following concept of a graphic about the water cannon truck of Hong Kong Police is a piece I started for this project. The issue here was that the story was getting longer and longer, so, the editor decided to drop out the graphic. I always keep a folder with every version, sources and other related material, because you never know if you will need something of that later.

large

Large desktop version // ai2html L artboard

md

medium version // ai2html MD artboard

sm

devices version // ai2html SM artboard

xs

Small devices version // ai2html XS artboard

Finally, we use that same illustration in a launcher, with some minor adjustments in the amount of water released by the cannon. That’s the image at the top of this publication, on the right the original illustration, and on the left, the edited version for banners.

Something else in this project with a lot of versions was the opening illustration, just a few of the was about color, I have clear that color must match with the bar charts in the story, but anyway I like to give a try to some variations, that helps sometimes to go back a do little retouches to the final piece.

opening_versions.jpg

Opening color variations.

The most complicated thing to solve was smoke. It really asked me a lot to achieve the effects indicated there. We were looking for a subtle effect, otherwise will go as plain static cover image (which also was good) but I like to complicate my self for some reason:

 

social_03.gif

Opening loop, final version. (v14)

opening_v14

Version 13

opening_v7 copy.gif

Version 7.2

I like to think that little visual details make a big difference in the final product. So it’s fine if I spend a little more of time doing some variations and taking care of my stuff, even I do that in my time off. Literally, I can’t sleep if I haven’t solved an issue with a graphic… I know, I have a problem hahaha.

 

 

________
Did you like #infofails?
Have a look to other #infofails Chapters here:

Chapter One
Chapter Two

And Stay tuned for the next chapter 🙂

Standard
infofails, Motion graphics

#infofails chapter 02 (plastic bottles)

 

About #infofails post series:

I have a lot of beta graphics versions that never goes public. I do two or three versions of a graphic, sometimes just a concept as part of the creation process to get a better solution. Where all that material goes?  well, ends-up in #infofails, a collection of my work fails.

This time I’ll like to share a little bit of the backstage of the plastic bottles project published a few days ago. If you haven’t seen it yet, Have a look here: https://tmsnrt.rs/2PDRvhd

The opening of this project is a short video of plastic bottles covering a garbage truck and a standing guy. To get that piece I did a few testing versions, all together neede almost 400 hours of rendering including the final piece.

demo_192

Early attempt. The bottles just run away from the pile because of the friction and mass assigned

Just to keep a sense of scale I did also a few graphics for my self to be sure that all the calculations were correct and also to get a sense of what I was doing. But after talking with some experts and friends the numbers needed to be adjusted.

This slideshow requires JavaScript.

One of the thing that helps me a lot was a plug-in for Cinema 4D from Cesar Vonoc. I was chatting with my bosses about how difficult it was to calculate the volume of organic objects in C4D, for the next day they had found this tool that literally gives me the chance to make organic shapes and keep the accuracy needed too. Thanks Matthew and Simon.

Here some ugly early testing drooping bottles and making piles:

This slideshow requires JavaScript.

Technical part for nerds

My first idea on Cinema 4D was to use an object cloner to create 1 million of copies of my original bottle, then adding dynamics to them let them fall in a cascade, testing with a few objects was ok, but then I wasn’t able to load more than half-million before the computer crashes so for big fail…

1m_EMTT_0286

Particle emitter demo using 310,000 bottles

demo_0267

Render testing. The computer failed to render on the frame 267 of 1500

clons_160k_055

Cloner version, the computer crashed rendering any over 170,000 clones

Even using a very simple geometry for the bottles, my laptop wasn’t powerful enough to manage my crazy request, after I removed the fancy texture of each bottle it moved a little better, but not enough to reach 1 million of copies.

I solved the issue using a particle emitter for the 1 million objects during a little more than a minute, using a basic material to add textures and effects in after effects later, even with all these adjustments to the process the render took over one week to be completed. Lucky me my laptop is still alive!

clons

Demo to show the number of plastic bottles sold every second.

Them some pile shapes and concepts of how it will look at the end. I was adjusting the behavior of the particles, some adjustments in the textures, lights, camera position… many aspects to present a nicer view of this to the readers

This slideshow requires JavaScript.


While the production continued, I did a second version of the website controlling the zoom of a giant render by scrolling the camera passing from the smaller pile of 1 second to the final visualization of 10 years. But the images were too big and the quality not good enough.

 

I have to say that this time I did around 22 versions of every single graphic, looking for the right elements, proportions… Every time I had a new version, we had a chat at the team to point out things that could be improved. Some just change shape, but others like the NYC model also change concepts.

v17_static_NYC

Testing textures for a plastic bottle pile over Manhattan.

static_NYC_v11

Testing textures for a plastic bottle pile over Manhattan.

tenYears_layer

An alternative version of the graphic using all the bottles spread out over Manhattan

v19_static_NYC

An alternative version to visualize the bottles sold over the last 10 years

v18_static_NYC

Uniform extension of the bottles sold over the last 10 years over Manhattan

city.png

A cutaway version to get a sense a deep

I did also an attempt to make all of the pieces in the same “3D look”, but at the time I was doing the information more confusing, finally, we just drop the idea and stay stuck to the original Sankey chart show what happened with the plastic created over the last 65 years

fate_v2

The fate of all plastic. Version 3.

This was an extremely interesting project, I experimented a lot with different things but maybe the time to verify each of the countless versions and polish the results really made the difference at the end. Thanks to my bosses Simon Scarr and Mathew Weber and my colleagues Manas Sharma and Alex Richardson who also contributed a lot to launch this project in good shape.

If you want to see the finished project and some other graphics, here is the link to the special feature on Reuters:
https://tmsnrt.rs/2PDRvhd

Or have a look to #infofails Chapter one:
https://mhinfographics.com/2019/09/03/infofails-chapter-01-pilot/

Standard
Digital works, infofails

#infofails chapter 01 (pilot)

I have a lot of beta graphics versions that never goes public. I do two or three versions of a graphic, sometimes just a concept as part of the creation process to get a better solution. So, I want to start a new series of #infofails with all that material. Someone once said:

nobody learns from the mistakes of someone else

Of course, this is a statement to make your own mistakes but is sooo funny to see how someone else fails too 😁  so here my fails at work:

My first entry on #infofails is about this project we run a few days ago about the wildfires near the Arctic.

Map_Aug5

Wildfires project. 3D wold map or aerosol. Version 01

The map above is a Cinema 4D render, it was made based on NASA data of aerosol, basically, I took the GeoTIFF provided by NASA and using the hair module I create using that reference. Basically, each of the pillars in the map is hair:

c4d.png

Cinema 4D, hair map by July 24, 2019. Based on NASA’s aerosol data.

mod_24jul_elevation.jpg

Screenshot of the Geotiff of July 24. This determinated how high and where the pillar will rise.

My first idea on this project was to show the readers how the fires boosted up the aerosol levels and how it spread out around the world. the first version you saw on top was an attempt to show a little of that story. Later I move on an animated version of the map, as you saw bellow.

 

Map_Jul24

Wildfires project. 3D wold map or aerosol. Version 01.2

I was very happy with the look, but then I try to explain the map to the people and no one got it right. Also when you add “NASA data”, “3D model” and interactive in the same sentence things tend to become harder to explain in a quick and easy way.

I think the best feedback I get in the testing versions was that the earth map was too difficult to recognize. So I did some other versions.

aerosol_ed_14.gif

Wildfires project. 3D wold map or aerosol. Version 02

Then I got the idea to change the data, thinking that carbon monoxide maybe will be something more familiar, easier to explain and communicate.  So another version using different data come-up.

carbon-crop-map.gif

Wildfires project. 3D wold map or carbon monoxide. Version 02

 

carbon-md-ago8

But doing this I returned back to the main issue of the map, how to explain this map, the data and the main story here… too much to do it effectively.

I think this time I was trying to show something different and a little attached to use this technique. On top of that, I was working with dense data trying to say hey look here, near Siberia, see how crazy it goes but most of the people stay only trying to figure out the map…

final.png

Final version. Carbon data polar projection.

I end up using a polar projection on a regular map to tell my story. The map above is a frame of the animation, then I separate 3 key points at the bottom with little comments. I think now the story is clearer. I have to say that my editors made good points when they had a look into this project.

If you want to see full project and some other graphics, here is the link to the special feature on Reuters:
https://tmsnrt.rs/2PCvoYD

Stay tuned for the next #infofails

Standard
Digital works, Motion graphics, Print graphics

My sincere gratitude to the South China Morning Post

Back in 2016, I was moving from Costa Rica to Hong Kong to face a new challenge. Full of dreams and hungry of learning, I arrived at the South China Morning Post doors. There I found new friends and colleagues and learn a lot from all of them. Today I have the same feeling once again, and I want to say thanks to all that people that I meet here in Hong Kong because they change in a way or another my professional and personal life, I really can’t mention names because there are many people and I don’t want to leave anyone out

In three years at the South China Morning Post, I collaborate in 30 print pages and I have good memories for all of them, some remind me of a trip with a friend to collect information in China, a rush hour with a piece of breaking news, or a long project that I only talk about day after day (oh poor friends of mine, I’m sorry )

Bellow, some of the print graphics memories I create at the South China Morning Post

This slideshow requires JavaScript.

I had fun doing full-page graphics at the South China Morning Post print ed, and the online was an awesome sandbox where I found the freedom to test and play with pretty much all the topics that come to my mind, my first graphics as stand-alone were the Statues Graphic and the lightning project

process_2

Statues drawings

And some of those first steps at the South China Morning Post

This slideshow requires JavaScript.

But maybe the more recent ones were the most I enjoy because of the diversity of ways to work, some times doing projects by my self and some others collaborating in bigger projects with the other artist, visual journalist and designers. That’s the case of the Forbidden City series collecting data and working in graphics on for a year

The biggest project that I ever did up to today, and at the same time one I enjoy the most was the Forbidden City, below the Part One print version. To be honest, I’m very bad doing drawings, but since I get here I face a lot of projects where the drawings were the essence of the graphic, like this all manually made:

The-cricket-cage

Forbidden City series, part one for the print

And the extended digital chapters, which in my case covered the architecture aspects of the Forbidden City in Beijing:

Maybe the most exhaustive part was the built of the of the VR feature in the second chapter made with Cinema 4D:

c4d

Here the output on youtube 360/VR:

…and some more of the stuff of the Forbidden City Series, small animations and graphics

I can say that I try pretty much all kind of topics in the South China Morning Post from many soccer graphics to the architecture ones, Chinese projects like the new the Silk Road (OBOR), of the perception of the rule of law, explosionsweather conditions, the moon events, crazy aircraft stories, game-like graphics about food, vessel tragedies like the Aulac and the Sanchi tanker, trend games like Pokemons hunting, a lot of Trump, and the Brexit, automobile technology, and snakes, my fascination with Asians anatomy, always nice to have some time off so I also did one about holidays; if you want to know where you can go with your documents and how much it cost I did one about the passports too; graphics about Chinese cities, Hong Kong’s ageing population, war vehicles, why no toilets too; the Golden Globe Awards, celebrations like San Valentine, or where the Asians lives in the US; all about North Korea in 15 graphics, the evolution of Peral River Delta considered the Chinese silicon valley; Spanish Galleons crossing the Pacific heading to China’s goods; Thai kids trapped in a cave; automation and industrial robots and many many more that I can’t remember now. All those with a nice touch of memories because work at the South China Morning Post graphics team was more about have fun with the stuff you love to do rather than just work

This slideshow requires JavaScript.

My last project with the South China Morning Post was the Tibet permafrost, and there wasn’t a better way to finish my time there like doing one last project with my teammates like the ones I enjoy for 3 years

cover_SQUARE_50

Permafrost cover

coverpermafrost02_W

Cover illustration by Adolfo Arranz

tibet-plateau

Permafrost extension in the northern hemisphere

For the print, I split the project into two backpages, so I can make a more specific topic on extreme temperatures, on my point of view a Goldilocks place were the temperature is too hot in one place and incredible cold in the other

Extreme Earth is blowing hot and cold

My last page at the South China Morning Post, published in February 2019.

As I set in the title of this post, this is just to say thanks to all you guys that help me to evolve and create more and more. Thanks to the Hispanic gang of the South China Morning Post; thanks to my British boss today a good friend, to the friends at Hong Kong University, The Hong Kong Polytechnic University, the Hong Kong Design Institute and the Baptist University that also open their doors to me, all my Hongkongneer friends and all the South China Morning Post family that let me be part of that amazing experience

From now on, my graphics will appear in the Reuters pages, lucky me to work there with more good friends. Hope to come back soon here, to my website, to write about some new graphics and backstages made for the world

Standard