Recreating the DuBois Data Portraits

7eca3e06edc3c69004aaf57de51900c2?s=47 Anthony Starks
February 10, 2020
Design
0
250

Recreating the DuBois Data Portraits

The process, tools, and results of recreating the DuBois Data Portraits

7eca3e06edc3c69004aaf57de51900c2?s=128

Anthony Starks

February 10, 2020
Tweet

Want more?

7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
0
53
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
0
19
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
0
9
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
2
180
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
1
88
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
80
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
5
170
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
5
170
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
2
230
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
2
450
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
120
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
200

Transcript

  1. 1.

    Recreating the DuBois Data Portraits

  2. 2.

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

    of building at Atlanta University c. 1900
  3. 3.

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

    Paris, 1900
  4. 4.

    We are here This is who we are This is

    how far we have come
  5. 5.
    None
  6. 6.
    None
  7. 7.

    22” 28”

  8. 8.

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

    Graphs
  9. 9.

    Bars

  10. 10.

    Maps

  11. 11.

    Circles

  12. 12.

    Blocks

  13. 13.

    Graphs

  14. 14.

    Color Palette black brown tan yellow pink red green blue

  15. 15.
    None
  16. 16.
    None
  17. 17.

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

    Internet 2019
  18. 18.
    None
  19. 19.
    None
  20. 20.

    decksh Structure Text Lists Arrows Images Graphics Charts Loops Data

    Utility
  21. 21.

    10 20 30 40 50 60 70 80 90 10

    20 30 40 50 60 70 80 90 Percent Grid
  22. 22.

    Code Output Reference

  23. 23.
    None
  24. 24.
    None
  25. 25.

    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
  26. 26.

    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 ... 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
  27. 27.

    Examples

  28. 28.

    // 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
  29. 29.

    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
  30. 30.

    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
  31. 31.

    Student Debt and Racial Disparities VizE Lab at Princeton

  32. 32.

    Repository github.com/ajstarks/dubois-data-portraits

  33. 33.

    Anthony J. Starks Art + Code +1 908.548.3403 ajstarks@gmail.com @ajstarks

    github.com/ajstarks speakerdeck.com/ajstarks
  34. 34.

    Catalog

  35. 35.

    Plate 1 Plate 2

  36. 36.

    Plate 3 Plate 4

  37. 37.

    Plate 5 Plate 6

  38. 38.

    Plate 7 Plate 8

  39. 39.

    Plate 9 Plate 10

  40. 40.

    Plate 11 Plate 12

  41. 41.

    Plate 13 Plate 14

  42. 42.

    Plate 15 Plate 16

  43. 43.

    Plate 17 Plate 18

  44. 44.

    Plate 19 Plate 20

  45. 45.

    Plate 21 Plate 22

  46. 46.

    Plate 23 Plate 24

  47. 47.

    Plate 25 Plate 26

  48. 48.

    Plate 27 Plate 30

  49. 49.

    Plate 31 Plate 37

  50. 50.

    Plate 38 Plate 39

  51. 51.

    Plate 40 Plate 41

  52. 52.

    Plate 42 Plate 43

  53. 53.

    Plate 44 Plate 45

  54. 54.

    Plate 46 Plate 47

  55. 55.

    Plate 48 Plate 49

  56. 56.

    Plate 50 Plate 51

  57. 57.

    Plate 52 Plate 53

  58. 58.

    Plate 54 Plate 55

  59. 59.

    Plate 56 Plate 57

  60. 60.

    Plate 58 Plate 59

  61. 61.

    Plate 60 Plate 61

  62. 62.

    Plate 62 Plate 63

  63. 63.

    Plate XX