kristin_baumann,

The 2024 Du Bois Data Visualization Society Challenge has started!

Here is my re-creation of Du Bois Poster Nr. 6 for week 1, implemented with D3 and Svelte.

Live: https://du-bois-challenge-2024.kristin-baumann.com/#challenge1
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

ericjmorey,

@kristin_baumann

It seems like people with Deuteranopic (Green) color blindness will have trouble distinguishing between two of the categories.

This website simulates what your image would look like and I have copied the result of the Deuteranopic simulation in this reply:
https://pilestone.com/pages/color-blindness-simulator-1

seblammers,
@seblammers@vis.social avatar

@ericjmorey @kristin_baumann

I think this challenge is focused on reproducing the very old handdrawn visualizations of Du Bois. So a picking the same colors is a pretty common design decision.

Just my thoughts as an innocent bystander ❤️

ericjmorey,

@seblammers

Interesting! I wasn't familiar with Du Bois' work. I guess this highlights how much easier it is today to create and verify that visualizations are more accessible or even to just be aware of differences in visual perception.

@kristin_baumann

seblammers,
@seblammers@vis.social avatar

@ericjmorey @kristin_baumann

Yes, absolutely! And I also think that factoring in accessibility (incl. color choices) is foundational for modern data viz. I'm glad there are so many tools around that and that there is an increasing awareness for these aspects of designing for a diverse audience.

kristin_baumann,

@ericjmorey Thanks for the color checker tool! Definitely useful, yet just as @seblammers wrote, the challenge idea is to recreate the existing hand drawn data viz. But of course you can adapt and add something (e.g. interactivity) in general as you wish.

kristin_baumann,

@seblammers @ericjmorey

In this challenge I quite often think about what I want to replicate exactly and what I want to change.
E.g. I am currently recreating this chart (Du Bois Plate 54 for week 6). The y axis is skewed (see year labels). Would you make a correct y axis or leave it?

seblammers,
@seblammers@vis.social avatar

@kristin_baumann @ericjmorey

Haha, how would you even implement the skewed version? I imagine modern tools like D3 make it hard to achieve this? Have you tried?

kristin_baumann,

@seblammers
I am currently implementing it with D3. It's no problem to do the skewed axis. Just code the axis not based on years but only 1,2,3,4 and set the labels accordingly (If that's what you meant)

seblammers,
@seblammers@vis.social avatar

@kristin_baumann

Ah, yes that works. I was just wondering if the distance between the 4 lines (or ticks) is slightly uneven? But maybe that's just my brain being misled by the different widths of the black chart element...

kristin_baumann,

@seblammers looks even to me, let's see in the final re-creation

  • All
  • Subscribed
  • Moderated
  • Favorites
  • svelte
  • DreamBathrooms
  • ngwrru68w68
  • modclub
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • mdbf
  • GTA5RPClips
  • JUstTest
  • ethstaker
  • normalnudes
  • tester
  • osvaldo12
  • everett
  • cubers
  • tacticalgear
  • anitta
  • provamag3
  • Leos
  • cisconetworking
  • megavids
  • lostlight
  • All magazines