After a successful weekend with Biomass again, I figured I'd share a bit about its inception 🧵⬇️

HOW I MADE THIS: Visualizing the Biomass of Life #biomass #wip #process #art #science #datavisualization #dataviz #infographic #biodiversity Visualizing the Biomass of Life infographic pinned onto a co
The original paper that this graphic is based on was published by @yinonbaron @MiloLabWIS @WeizmannScience. It came across my desk working at Visual Capitalist and the crew wanted to see what I could do with it. pnas.org/doi/10.1073/pn…
There was already a graphic explaining the key findings in the paper, shown here. It's a really nice Treemap visualization using a #voronoi pattern (random Fun Fact: voronois are everywhere in biology: bone matrices, cell shapes, wing scales, etc.) A treemap in voronoi style showing the distribution of bioma
My approach to science illustration/data viz is made up of multiple parts: 1⃣ 🗣️What is the key message and how can we best say it? 2⃣ 🖼️Where can visuals supplement learning? 3⃣📢 What other sources rival (or compete) with that message? and 4⃣ How can we make it look pretty?✨
(I want to be clear that there is nothing inherently wrong or disadvantageous with how the paper chose to show its data: it's pretty straightforward. My gut feeling was that this is an amazing story that needed an editorial facelift, especially for a general audience 🎨🎉)
For this project, ruminating 3⃣ had the biggest impact. Before any project, I always investigate what's already out there: Has this been visualized before? Has it been done in a better way? Which ones work best? Is there room to improve on it? Are any audiences left out?
Since this topic is from 2018, there were already a few news sources that visualized these data in different ways. You can see their examples below (credit in order: reddit [u/soSpursy7], @sciam, @TheEconomist and @Britannica) A treemap of the distribution of biomass on Earth. Credit toA bubble chart of the distribution of biomass on Earth, madeA treemap of the distribution of biomass on Earth, made by TA treemap of the distribution of biomass on Earth, including
There are also some gorgeous illustrated versions here! (credit left: @PressReader right: a paper by @UNEP Ricardo O Barra and Eduardo Brondízio) An isometric 3D treemap of the distribution of biomass on EaAn illustrated bubble chart of the distribution of the bioma
You might be able to see some of the influence I've taken from some of these versions to get to mine. The one that was most impactful to me was seeing @JZarracina's beautiful contribution to Vox's article, shown here: vox.com/science-and-he… A figure from Vox showing how the biomass of humans and animA figure from Vox showing the biomass of certain animal grouA figure from Vox showing the biomass of the remaining kingd
I investigate the best and clearest way to get a message across and sometimes others find it. Since I was targeting general audiences who may not appreciate biomass, I knew that showing weight with blocks was an immediate concept, no need for reinvention ✅ Thx @JZarracina 👊🏻
With all this inspiration, I had to consider my approach 🤔 The big questions I had: What could make this attractive❓ What will people respond to❓ What is familiar❓ In what ways can I build a bridge so that any person could understand this topic❓ #HumanCentricDesign
You might've noticed that other visuals of this story began describing the major kingdoms of life before drilling down into the animal kingdom to describe where humans lay. I purposely flipped this 🔃💡Start with the reader: where would they see themselves? #HumanCentricDesign
We humans are animals!! (🙀) So, I built my visual narrative in this way: 1⃣Here's where humans are 2⃣Here's how you relate to many creatures you are already familiar with, and 3⃣Here's how you compare with everything else.
This is also where I thought I could help push it further by injecting some "narrative load", adding elements of the story into the data viz for immediate comprehension. In this case: animals! 🦀🐌🦎🐓🦇 This way, the topic could be immediately familiar + the star of the piece.
After that, moving forward became a matter of figuring out placement/layout. I *really* dislike "scrollytelling" (long, vertical infographics) and knew that data blocks would need a different layout if they should fit in one view. That's where sugar cubes came in 🫙🧊 An image of colored sugar cubes resting on plain sugar cubes
(Working with multiple arrangements and configurations in 3D software was too laggy/demanding for my CPU, so I figured maximizing problem-solving in real time would be best with these guys 🧊) #AlwaysProblemSolving #TheSweetLife
I built the data blocks in #Cinema4D. Here are some behind-the-scenes sneak-peeks 🕵🏻‍♂️👁️👨🏻‍🎨 Screenshot of the animal blocks being built in Cinema4D.An early render of the animal blocks, pre-editing and coloriA screenshot of the kingdoms of life being assembled in CineThe final render of the kingdoms of life cubes and their fin
The animals are all digitally hand drawn in Photoshop ✍️🏻While it was a lot of work (~2 weeks), I had a lot of fun doing it. I used some 3D models from #Sketchfab as references, since you can turn the models around within a browser to get the lighting + angles you need. Red-hued illustration of a farm ox and resting pig, with a fRed-hued digital illustration of two slugs and a large snailRed-hued digital illustrations of a penguin, a flamingo, a w
Here's the final illustrative block of animals ⬇️🐦🐞🪱🦐🦀🦩🦑🐖

I like breaking expectations: green for biomass was too obvious. Red felt like an antithetical idea (though now I think of 🥩... it worked out, since Plants needed to be green!) The towering block of biomass in the animal kingdom.
Also, the positioning and perspective was purposely done, to give it a sense of scale and imposition. I wanted it to look 'heroic', so it was important that it towered to the reader at first but also tapered at the bottom for easier legibility. It's a neat effect!✨
After that, some general editing, color grading, and last-minute polish to get the final presentation in order and the final infographic was done! You can read the full story and see the full infographic at Visual Capitalist: visualcapitalist.com/all-the-biomas…
Thank you all for the support and kind words about this piece. I truly did not expect the kind of response it's gotten -and it's bred so much pressure trying to deliver at this level consistently 😅 For those interested in prints, you can pick one up here store.visualcapitalist.com/product/all-th…
Last note: Do you like this topic? Got some data on the distribution of plants or microbes or other critters similar to this study? I'd be happy to take a look and see what we can make of it! DM me! 💌📥 #DataDigging

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with mark belan - scientific illustrator

mark belan - scientific illustrator Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @markabelan

Jan 20
Dive-in for a peek at my #process and #designthinking on how I made my latest science infographic: "Comparing How COVID-19 Vaccines and Antiviral Pills Work" ⬇️🧵#COVID #Pfizer #Merck #DIY #infographic #vaccines #WIP #development #Covid_19 #paxlovid A poster showing "How I Made This", and a reproduc
The original inspiration for this piece was the newly marketed antiviral pills by Pfizer and Merck for the treatment of COVID-19. I thought with hearing so much about vaccines this year, and with pills entering the arena, people might be curious about what each does in the body.
When I started researching, I quickly learned that there were many types of vaccines. Here's one chart I found that explains this (left; by Nikita Ramesh, made with @BioRender). My first idea (right) was to convey ALL these types of vaccines against antivirals. A chart showing 7 major types of vaccines technologies and hEarly sketch of research and my arrangement for the infograp
Read 20 tweets
Nov 30, 2021
And here we go...
PART TWO: Visualizing the Accumulation of Human-Made Mass ⚖️🏗️🛠️🧱🔩 (incl. 🧵) #anthropogenicmass #biomass #construction #mining #dataviz #infographics #sciart #datavisualization #visualjournalism #science #scicomm #scienceillustration #anthropocene Infographic/data visualization comparing the total dry weigh
Since 1900, we've been making a LOT of stuff...and it's been piling up. In 2020, the material output of humans on Earth SURPASSED the total (dry) weight of all living things on Earth!
One grim part to this story (there's many 😵‍💫) is that we've now produced double the weight of plastic than the entire Animal Kingdom. Two groups of blocks, representing data, showcasing that the
Read 7 tweets
Oct 11, 2021
NEW PIECE: A Visual Introduction to the Dwarf Planets of our Solar System🔭🌕🌑🪐 #dwarfplanets #space #dwarf #outerspace #planet #pluto #infographic #dataviz #orbit #scicomm #sciviz #nasa #spaceart #visual
This one is a fun topic for me - I've always been fascinated with society's disdain for Pluto's downgrade, but the complete lack of interest for the other members of Pluto's family!!
You'll notice there's more than 5 of the IAU's recognized dwarf planets. This is because I referenced additional planets that are agreed upon by @plutokiller, @GonzaloTancredi, and Will Grundy @LowellObs. Depending who you ask, there's more!
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(