HELLO, BLACK WORLD.

Du Bois, Data, and a Visual Reflection of the Black Past and Present

HELLO,
BLACK
WORLD.

Du Bois, Data, and
a Visual Reflection
of the Black Past
and Present

Amy Yeboah Quarkume, Arjun Phull, Anuj Gupta, Duo Bao, Jade Flint, Amelia Matheson, Bryan Carter

INTRODUCTION.

The 1900 Paris Exposition hosted countries from around the world to reflect on their individual achievements and ambitions for the new century. These primarily Western nations created elaborate displays to showcase their past and present technological and cultural prowess in contrast with exhibits of literal human zoos of "primitive people" from different regions of Africa and Latin America. This colonialist agenda led Thomas Junius Calloway to successfully appeal to the U.S. government to allow Black Americans to create their own counteractive exhibit that would be viewed by millions at the upcoming world's fair. With such a monumentally important task, Calloway, a Black lawyer and educator, enlisted the help of his former Fisk University classmate, W.E.B. Du Bois. The desires of Calloway and Du Bois perfectly meshed in the Du Bois-led Atlanta University team's creation of various charts and diagrams that were equally informationally rich as they were visually arresting. The Exposition des Negres d'Amérique astounded viewers of all races and went on to receive much critical acclaim. Their success proved without a shadow of a doubt that Black progress was a product of our own self-determination in spite of the constant onslaught of systematic racism.

Today, we stand 123 years from this triumphant display, twenty-three years from the start of a new millennium, and three years from the start of the COVID-19 pandemic and the police executions of George Floyd and Breonna Taylor. At this important juncture, Hello, Black World: Du Bois, Data, and the Black Experience walks in Du Bois' footsteps to methodically consider how we have waxed and waned in our progression. Du Bois clearly understood that simply collecting the data was not enough; rather, it needed to be presented in a way that was accessible and engaging for the everyday person. Hello, Black World pushes Du Bois' model further by incorporating 3D visuals, augmented reality (AR) and virtual reality (VR). The collaborative project was spearheaded by Dr. Amy Yeboah Quarkume of Howard University and Dr. Bryan Carter of the University of Arizona and developed by Arjun Phull, Anuj Gupta, and Duo Bao of the University of Arizona. Hello, Black World utilizes technology to harness the power of our ever-present smartphones and enhance the physical surroundings with layered virtual visuals. With visual effects, VR, and AR, this new exhibit allows viewers to easily compare the statistical 2D graphs of Du Bois' time with present information in 3D.

Apart from Du Bois' path breaking work, there are several other sources from contemporary scholarship in digital rhetoric, technical communication, and Africana studies that have inspired our work. First, through Beveridge's (2017) recommendation for teachers to make data-driven arguments more accessible and meaningful to their students through data visualizations, the data visualizations in our initial exhibition and now in this webtext, seek to encourage students and teachers to explore the world around them using the power of data-driven storytelling. Additionally, our work also responds to Melonçon and Warner's (2017) advice for future technical-professional communication scholars to pay attention to the affordances provided by innovative, interactive visualizations as they can enhance the work of science communication. Through the Hello, Black World exhibition, we've tried to make a kind of science—data science—more accessible to the public at Howard University by communicating its impact and purpose in an engaging and accessible way using interactive data visualizations. Finally, one of our major sources of inspiration is also Washington et al.'s (2021) advocacy in favor of integrating the rich legacy of HBCU culture into computing education, specifically teaching elementary data structures. By incorporating unique cultural perspectives, such as historical context and experiences, they argue that educators can enhance student engagement and understanding of fundamental data structures in the computing field. A similar approach was forged with the Hello, Black World exhibit, bridging cultural relevance with technical education, providing a novel approach to enriching the learning experience for potential data science students.

VIRTUAL EXHIBIT.

A 360-degree tour of the Hello, Black World exhibit at Howard University. Click and drag to move around!

VISUALIZATIONS.

The Hello, Black World exhibit adopted a multimodal approach in scientific communication. Recognizing the historical underrepresentation of people of African descent in the field of data science, despite the pioneering efforts of researchers like Du Bois, the aim was to create an exhibit that demonstrated the power of data science as accessible and inclusive. By incorporating a diverse array of modalities in data visualizations—such as textual, visual, spatial, gestural, and immersive elements—the exhibit pulled in viewers of all ages into the field of data. Utilizing 3D visuals, augmented reality (AR), virtual reality (VR), video, and audio, seven (7) exhibitions were created, each linked to a historical Du Bois diagram exploring diverse facets of Black life, such as income, education, criminal justice, housing, health, and environmental justice, alongside corresponding contemporary data. The exhibit exposed visitors to Du Bois' diverse work and empowered them to gain an interdisciplinary understanding of the power of data.

Our webtext broadens the project's scope beyond Howard University's walls. We begin by offering a 360-degree tour of the exhibit space. Corresponding pages then present each individual visualization along with an audiovisual depiction of a historical Du Bois visualization, commentary connecting contemporary data, and insights from the creators of the visualizations.

Select each tab below to explore the corresponding visualization.

Black Space and the Environment
The Blossoming of Black Literature
Health and Income Across Race
Homeownership Across Race
Black Family Dynamics
Illiteracy Across Race
Incarceration Across Race

Created by Arjun Phull

Open this visualization in a new tab

INSPIRATION AND CONTEXT.

Du Bois visualized demographics among Black Philadelphians in engaging and intuitive ways.

This visualization was inspired by Du Bois’s exploration of differential health data among Black and white Pennsylvanians, which you can see in the YouTube video in this section. Du Bois’s original data visualization explored how death rates differed between Black and white Americans across all age groups, using a color-coded bar chart to illustrate the stark difference. Du Bois also famously mapped Philadelphia’s Seventh Ward, creating a visualization in which he encapsulated spatial, socioeconomic, and demographic data. In his charts, Du Bois thought outside the box, using creative spacing and color coding to redefine the purpose of a bar graph and area chart. His creative thinking inspired me to envision my own data visualization, one that leveraged the breadth of geospatial data with the visual familiarity of a bar graph. What you see in front of you is a 3D map of the state of Pennsylvania, reimagined as a bar graph. Each county is colored on a color scale pulled directly from Du Bois’s visualizations, representing the proportion of Black and African-American populations in each county. The heights of each county correspond to normalized rates of environmentally influenced conditions, including asthma, COPD, and lung cancer. The melding of maps and bar graphs into one cohesive visualization pays homage to Du Bois’s eclectic approach to data visualization.

PURPOSE.

This visualization is designed to tie together the differential rates of disease across Pennsylvania and the differential proportions of the Black population in each county. As you explore this interactive data visualization, consider the story that the data is telling. You can move the map around to view it at different angles and really examine the correlation between health condition incidence and the Black population within each county. This may help you answer questions such as, “Are Black people disproportionately affected by these environmentally-driven conditions?” and furthermore, “What institutional factors might be driving that correlation?”

INSTRUCTIONS.

This visualization is optimized for a desktop/laptop computer and does not currently work on mobile devices. You can select a condition to explore across counties from the menu below the map. Then, you can hover over each county to view the relative incidence rate of the selected condition. You can click and drag to move, zoom, and rotate the map.

METHODOLOGY.

To build this visualization, I imported 3D models of each county in Pennsylvania in .gltf format using a JavaScript library called Three.js. There are 67 counties within Pennsylvania, so this made for a lot of lines of code. Thankfully, I was able to use Python to create a code template that would load each model, and so I used Python to automate the loading of each model. The raw data here came from two sources. The data regarding the Black populations of each county came from the U.S. Census Bureau, and the data regarding environmentally-driven conditions came from the American Lung Association. The Black population data was already in percentage form, so I used Python to create a dictionary that mapped each county to its Black population percentage. For the American Lung Association data, I used a Python library called Pandas to transform the tabular condition incidence data into relevant percentages. I then normalized the data on a scale from 1 to 10, which allowed me to highlight the relative spread of disease incidence. Once my data was transformed, I used Three.js and another JavaScript library called GSAP to animate the heights of each county according to the data regarding the condition selected. To build the color scale across all the counties, I created a JavaScript function that takes a county’s percentage of Black population and returns RGB values that correspond to a color between off-white and brown. I then used Three.js to set the color of each county to the color returned by the function. Lastly, I used HTML and CSS to wrap my data visualization within a web app.

CONTRIBUTORS.

Hello, Black World: Du Bois, Data, and a Visual Reflection of the Black Past and Present was envisioned by Dr. Amy Yeboah Quarkume, Associate Professor of Africana Studies at Howard University. The project was developed at the University of Arizona's Center for Digital Humanities, directed by Associate Professor of Africana Studies Dr. Bryan Carter.

The visualizations Black Space and the Environment, The Blossoming of Black Literature, and Homeownership Across Race were developed by Arjun Phull, a Student Developer at the Center for Digital Humanities and undergraduate student at the University of Arizona. Arjun conceptualized and developed the design language behind each visualization and the webtext, paying homage to Du Bois' signature aesthetic. He also developed the HTML, CSS, and Javascript behind this webtext.

The visualizations Health and Income Across Race, Illiteracy Across Race, and Incarceration Across Race were developed by Anuj Gupta, a Research Assistant at the Center for Digital Humanities and PhD candidate at the University of Arizona.

The visualization Black Family Dynamics was developed by Duo Bao, a Student Developer at the Center for Digital Humanities and graduate student at the University of Arizona.

The virtual exhibit was developed by Amelia Matheson, a Student Developer at the Center for Digital Humanities and undergraduate student at the University of Arizona.

The webtext's content and visualizations' data were compiled by Jade Flint of Howard University.

The virtual exhibit was developed by Amelia Matheson, a Student Developer at the Center for Digital Humanities and undergraduate student at the University of Arizona.

REFERENCES.

A-Frame Authors. (2023). A-Frame (1.4.0) [JavaScript]. A-Frame. https://github.com/aframevr/aframe (Original work published 2015)

American Lung Association. (2022). (rep.). State of the Air 2022 (pp. 128–128). Chicago, IL. https://www.lung.org/getmedia/74b3d3d3-88d1-4335-95d8-c4e47d0282c1/sota-2022.pdf

Blippar. (2011). Augmented Reality (AR) Company [Computer software]. https://www.blippar.com/

Beveridge, A. (2017). Writing through Big Data. Composition Forum, 37. http://www.compositionforum.com/issue/37/big-data.php

Black Wealth Data Center. (n.d.). Black Wealth Data Center. BWDC. Site https://blackwealthdata.org/

Bostock, M. (2023). D3: Data-Driven Documents (7.8.5) [Shell]. D3. https://github.com/d3/d3 (Original work published 2010)

Gapminder Foundation (Director). (2009, March 22). 200 years that changed the world (with Hans Rosling). https://www.youtube.com/watch?v=BPt8ElTQMIg

Janes, A. (2020). Udemy-d3/05 at master · adamjanes/udemy-d3 [Computer software]. https://github.com/adamjanes/udemy-d3/tree/master/05

Kids Count Data Center. (2023). Children in foster care [dataset]. Adoption and Foster Care Analysis and Reporting System (AFCARS); Annie E. Casey Foundation. https://datacenter.aecf.org/data/tables/6243-children-in-foster-care

Lach, R. (2021). Photo by Ron Lach on Pexels. Pexels. https://www.pexels.com/photo/wrinkly-white-paper-10526880/

Melonçon, L., & Warner, E. (2017). Data visualizations: A literature review and opportunities for technical and professional communication. 2017 IEEE International Professional Communication Conference (ProComm), 1–9. https://doi.org/10.1109/IPCC.2017.8013960

Mapbox. (2010.): https://www.mapbox.com/maps

Moorland-Spingarn Research Center (n.d.) Howard University Research: Digital Howard at Howard University. Site. https://dh.howard.edu/msrc/

National Center for Health Statistics. (2020). Life expectancy at birth, age 65, and age 75, by sex, race, and Hispanic origin: United States, selected years 1900–2019 [dataset]. https://www.cdc.gov/nchs/hus/data-finder.htm. https://www.cdc.gov/nchs/data/hus/2020-2021/LExpMort.pdf

National Center for Education Statistics. (1992). Percentage of persons 14 years old and over who were illiterate (unable to read or write in any language), by race and nativity: 1870 to 1979 [dataset]. National Center for Education Statistics. https://nces.ed.gov/naal/lit_history.asp

OpenAI. (2022). Introducing ChatGPT [Computer software]. OpenAI. https://openai.com/blog/chatgpt

Ridolfo, J., & DeVoss, D. N. (2009). Composing for Recomposition: Rhetorical Velocity and Delivery. Kairos: A Journal of Rhetoric, Technology, and Pedagogy, 13(2).

Rosling, H., Rönnlund, A. R., & Rosling, O. (2018). Factfulness: Ten Reasons We’re Wrong About the World and Why Things Are Better Than You Think. Flatiron Books.

US Census Bureau. (2023). Median household income by race and ethnicity U.S. 1967-2022 [dataset]. census.gov. https://www.statista.com/statistics/1086359/median-household-income-race-us/

US Census Bureau. (2022). National Population by Characteristics: 2010-2019 [dataset]. https://www.census.gov/data/tables/time-series/demo/popest/2010s-national-detail.html

W. E. B. Du Bois Center. (n.d.) W E B Du Bois Center. Site. http://duboiscenter.library.umass.edu/

8th Wall Inc. (2022). 8th Wall: Powering the World’s WebAR [Computer software]. Niantic. https://www.8thwall.com/

8th Wall Inc. (2022a). A-Frame: Face Effects. 8th Wall. https://www.8thwall.com/projects

8th Wall Inc. (2022b). A-Frame: Manipulate 3D Model | 8th Wall. 8th Wall. https://www.8thwall.com/8thwall/manipulate-aframe

8th Wall Inc. (2022c). Introduction | 8th Wall. https://8thwall.com/docs/

8th Wall Inc. (2022 d). XRExtras [Computer software]. https://github.com/8thwall/web/tree/master/xrextras

Washington, G., Mejias, M., Aryal, S., Shurn, T., & III, L. B. (2021). Opportunities for using HBCU culture to teach elementary data structures to computing students. Journal of Computing Sciences in Colleges, 37(3), 63-73.

Zeng, Z. (2022). Table 3: Percent of confined inmates in local jails, by demographic characteristics, 2011 and 2016–2021 [dataset]. Bureau of Justice Statistics. https://bjs.ojp.gov/library/publications/jail-inmates-2021-statistical-tables