Slide 1

Slide 1 text

Recreating the Du Bois Data Portraits

Slide 2

Slide 2 text

“I can hardly realize they are all my people; that this great assembly of youth and intelligence are representatives of a race which twenty years ago was in bondage.” W.E.B. Du Bois at Fisk, circa 1885

Slide 3

Slide 3 text

Atlanta University Debating Team, c. 1900 Women seated on steps of building at Atlanta University c. 1900

Slide 4

Slide 4 text

W.E.B. Du Bois in Paris 1900 Exposition of the American Negro, Paris, 1900

Slide 5

Slide 5 text

Historical Context 1895 1896 1897 1898 1899 1900 “Black America” Fair Plessy v. Ferguson Phila. Negro begins Wilmington Overthrow Lynchings Peak Paris Exposition

Slide 6

Slide 6 text

We are here This is who we are This is how far we have come

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

22” 28”

Slide 10

Slide 10 text

Taxonomy Bars 52.63% Maps 15.79% Blocks 14.04% Circles 12.28% Graphs 5.26% Bars Maps Blocks Circles Graphs

Slide 11

Slide 11 text

Bars

Slide 12

Slide 12 text

Maps

Slide 13

Slide 13 text

Circles

Slide 14

Slide 14 text

Blocks

Slide 15

Slide 15 text

Graphs

Slide 16

Slide 16 text

Color Palette black brown tan gold pink red green blue purple #000000 #654321 #d2b48c #ffd700 #ffc0cb #dc143c #00aa00 #4682b4 #7e6583

Slide 17

Slide 17 text

Typography Public Sans Charter DU BOIS

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Pen, Ink, Watercolor, Paper, Expos 1900 Scripting, Digital Fonts, PDF, Internet Today

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

decksh Structure Text Lists Arrows Images Graphics Charts Loops Data Utility

Slide 24

Slide 24 text

10 20 30 40 50 60 70 80 90 10 20 30 40 50 60 70 80 90 Percent Grid

Slide 25

Slide 25 text

Code Output Reference

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

plate06/gapoly.dsh 800 plate20/galand.dsh 548 plate05/gapop.dsh 448 plate26/bardata.dsh 276 plate10/conjugal.dsh 256 plate08/migration.dsh 231 plate07/wc.dsh 208 plate09/agedist.dsh 199 plate53/conjugal.dsh 185 plate23/property.dsh 164 plate45/occupations.dsh 152 plate08/l.dsh 117 plate37/overview.dsh 114 plate43/occupation.dsh 112 plate31/income.dsh 111 plate25/household.dsh 109 plate21/propvalue.dsh 106 plate54/dline.dsh 100 plate30/tenant.dsh 94 plate03/statepop.dsh 94 plate40/popcompare.dsh 90 plate49/enrolled.dsh 89 plate44/proportion.dsh 89 plate41/countries-pop.dsh 89 plate15/children.dsh 88 plate62/religion.dsh 84 plate56/land.dsh 76 plate52/ur.dsh 71 plate47/natill.dsh 70 plate22/propval.dsh 67 plate14/illiteracy.dsh 67 plate50/generation.dsh 66 plate63/church.dsh 65 plate11/population.dsh 65 plate57/business.dsh 64 plate27/occupation.dsh 63 plate02/uspop.dsh 55 plate51/free-slave.dsh 54 plate46/teachers.dsh 54 plate13/color.dsh 50 plate60/crime.dsh 48 plate54/pop.dsh 47 plate24/farming.dsh 47 plate17/students.dsh 46 plate06/gapop2.dsh 42 plate16/teachers.dsh 40 plate26/occupation.dsh 39 plate42/population-proportion.dsh 38 plate55/property.dsh 37 plate38/dist.dsh 32 plate18/land.dsh 32 platexx/illiteracy.dsh 30 plate58/pauper.dsh 29 plate61/news.dsh 28 plate48/enrollment.dsh 22 plate01/georgia-negro.dsh 21 plate19/land.dsh 13 plate59/mortality.dsh 11 plate39/population.dsh 8 plate37/pie.dsh 6 plate23/lb4.dsh 6 plate23/lb3.dsh 6 plate23/lb2.dsh 6 plate23/lb1.dsh 6 plate23/db1.dsh 6 plate04/georgia-pop.dsh 6 Lines of decksh code Machine-Generated (mean=298.67) Hand-Coded (mean=59.83) Plates: Total LoC: Average LoC: 57 6,492 98.37

Slide 29

Slide 29 text

Code Management and Automation Directory Scripting Source Control dubois-data-stories data-portraits.pdf mkdeck-all plate01 f.pdf f1.png original-plate01.jpg georgia-negro.dsh mkdeck mkdeck-png ... plate02 data.csv ... plate63 ./mkdeck # make the page ./mkdeck-png # make image ./mkdeck-all # make all pages git add ... git commit -m 'Add plate 23' git push origin master

Slide 30

Slide 30 text

Examples

Slide 31

Slide 31 text

// Plate 39, Increase of the Negro population deck opts="-fulldeck=f -hbar -color red -val=f -ls 3.5" slide ctext "Increase of the Negro population in the United States of America" 50 95 2.5 "serif" "rgb(100,100,100)" ctext "Accroissement de la population Negre aux États-Unis d'Amérique" 50 90 1.5 "serif" "gray" dchart opts pop.d eslide edeck 1750 - 220,000 220000 1760 - 310,000 310000 1770 - 462,000 462000 1780 - 562,000 562000 1790 - 757,208 757208 1800 - 1,002,037 1002037 1810 - 1,377,808 1377808 1820 - 1,771,656 1771656 1830 - 2,328,642 2328642 1840 - 2,873,648 2873648 1850 - 3,638,808 3638808 1860 - 4,441,830 4441830 1870 - 4,880,009 4880009 1880 - 6,580,793 6580793 1890 - 7,470,040 7470040

Slide 32

Slide 32 text

deck slide h1=3 h2=h1*0.70 h3=h1*0.5 // Top matter ctext "Pauperism among American Negroes." 50 97 h1 "serif" ctext "Pauperisme parmi les Nègres Americains" 50 92 h2 "serif" ctext "Done by Atlanta University" 50 87 h3 "serif" ctext "PROPORTION OF ALMSHOUSE PAUPERS IN EVERY 100,000 NEGROES." 50 75 h2 hline 40 90 20 0.075 hline 40 85 20 0.075 // Population and Paupers ctext "100,000" 50 70 h2 arc 50 30 50 50 0 180 50 "rgb(101,67,33)" arc 50 30 1.5 1.5 0 180 2 "crimson" ctext "86" 50 28 h2 ctext "PAUPERS" 50 26 h2 ctext "MALE" 25 19 h2 hline 0 15 55 8 "green" ctext "FEMALE" 75 19 h2 hline 55 15 45 8 "gold" ubrace 50 25 50 2 2 eslide edeck

Slide 33

Slide 33 text

barwidth=30 freecolor="darkgreen" slavecolor="black" peasantcolor="maroon" tenantcolor=freecolor // left-hand bar left1=25 bot1=5 h1=30 top1=bot1+h1 len1=top1-bot1 slave1=len1*0.89 free=len1*0.11 f1=bot1+slave1 // right-hand bar left2=80 bot2=20 h2=60 top2=bot2+h2 len2=top2-bot2 prop=len2*0.19 p1=top2-prop vline left1 bot1 len1 barwidth slavecolor vline left1 f1 free barwidth freecolor vline left2 bot2 len2 barwidth freecolor vline left2 p1 prop barwidth peasantcolor

Slide 34

Slide 34 text

Modern Data

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

Original and Modern: Expenditures

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

Data from the Social Sciences

Slide 39

Slide 39 text

https://github.com/ajstarks/dubois-data-portraits/tree/master/challenge/2022

Slide 40

Slide 40 text

Repos github.com/ajstarks/dubois-data-portraits github.com/ajstarks/modern-dubois-viz

Slide 41

Slide 41 text

Links and Resources Presentation Catalog Repo Dubois Style/Modern Data "The" Book Library of Congress Collection Style Guide decksh Code decksh Presentation Dignity and Debt Black America, 1895 Nightingale Article #DuboisChallenge https://speakerdeck.com/ajstarks/recreating-the-dubois-data-portraits https://speakerdeck.com/ajstarks/recreations-of-w-dot-e-b-du-bois-data-portraits https://github.com/ajstarks/dubois-data-portraits https://github.com/ajstarks/modern-dubois-viz https://www.amazon.com/W-Boiss-Data-Portraits-Visualizing/dp/1616897066 https://www.loc.gov/collections/african-american-photographs-1900-paris-exposition/ https://github.com/ajstarks/dubois-data-portraits/blob/master/dubois-style.pdf https://github.com/ajstarks/decksh https://speakerdeck.com/ajstarks/decksh-a-little-language-for-decks https://www.dignityanddebt.org/projects/student-debt-racial-disparities/ https://publicdomainreview.org/essay/black-america-1895 https://medium.com/nightingale/recreating-w-e-b-du-boiss-data-portraits-87dd36096f34 https://github.com/ajstarks/dubois-data-portraits/blob/master/challenge/README.md

Slide 42

Slide 42 text

Anthony J. Starks Art + Code [email protected] @ajstarks github.com/ajstarks speakerdeck.com/ajstarks linkedin.com/in/ajstarks @duboisviz

Slide 43

Slide 43 text

Catalog

Slide 44

Slide 44 text

Plate 1 Plate 2

Slide 45

Slide 45 text

Plate 3 Plate 4

Slide 46

Slide 46 text

Plate 5 Plate 6

Slide 47

Slide 47 text

Plate 7 Plate 8

Slide 48

Slide 48 text

Plate 9 Plate 10

Slide 49

Slide 49 text

Plate 11 Plate 12

Slide 50

Slide 50 text

Plate 13 Plate 14

Slide 51

Slide 51 text

Plate 15 Plate 16

Slide 52

Slide 52 text

Plate 17 Plate 18

Slide 53

Slide 53 text

Plate 19 Plate 20

Slide 54

Slide 54 text

Plate 21 Plate 22

Slide 55

Slide 55 text

Plate 23 Plate 24

Slide 56

Slide 56 text

Plate 25 Plate 26

Slide 57

Slide 57 text

Plate 27 Plate 30

Slide 58

Slide 58 text

Plate 31 Plate 37

Slide 59

Slide 59 text

Plate 38 Plate 39

Slide 60

Slide 60 text

Plate 40 Plate 41

Slide 61

Slide 61 text

Plate 42 Plate 43

Slide 62

Slide 62 text

Plate 44 Plate 45

Slide 63

Slide 63 text

Plate 46 Plate 47

Slide 64

Slide 64 text

Plate 48 Plate 49

Slide 65

Slide 65 text

Plate 50 Plate 51

Slide 66

Slide 66 text

Plate 52 Plate 53

Slide 67

Slide 67 text

Plate 54 Plate 55

Slide 68

Slide 68 text

Plate 56 Plate 57

Slide 69

Slide 69 text

Plate 58 Plate 59

Slide 70

Slide 70 text

Plate 60 Plate 61

Slide 71

Slide 71 text

Plate 62 Plate 63

Slide 72

Slide 72 text

Plate XX