{"id":916,"date":"2024-03-18T09:45:57","date_gmt":"2024-03-18T09:45:57","guid":{"rendered":"https:\/\/tbekk.com\/devstream\/?p=916"},"modified":"2024-03-18T09:45:57","modified_gmt":"2024-03-18T09:45:57","slug":"data-visualization-in-the-early-20th-century","status":"publish","type":"post","link":"https:\/\/tbekk.com\/devstream\/2024\/03\/18\/data-visualization-in-the-early-20th-century\/","title":{"rendered":"Data Visualization in the early 20th century"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-alpha-channel-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em><strong>Link: <\/strong><\/em><a href=\"https:\/\/www.bitmetric.nl\/blog\/old-school-data-visualization\/\"><em>bitmetric.nl<\/em><\/a><\/li>\n\n\n\n<li><em><strong>Author:<\/strong><\/em> <em><a href=\"http:\/\/www.bitmetric.nl\/blog\/\">www.bitmetric.nl<\/a><\/em><\/li>\n\n\n\n<li><em><strong>Publication date:<\/strong><\/em> <em>Feb 26, 2024<\/em><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-alpha-channel-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/william-c-brinton-1024x686.png\" alt=\"Explore the roots of data visualization with us through Willard C. Brinton's pioneering books from the early 20th century. Discover timeless principles and the evolution of visual data presentation techniques. A must-read for enthusiasts and professionals alike. Available for full access on the Internet Archive\"\/><\/figure>\n\n\n\n<p>A hundred years ago, the landscape of data visualization was vastly different from the digital dashboards and interactive charts we are accustomed to today. We want to share with you two books that we recently stumbled upon: \u201c<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">Graphic Methods fo<\/a><a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/mode\/2up\">r Presenting Facts<\/a>\u201c, published in 1914, and its successor \u201c<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">Graphic Presentation<\/a>\u201c, published in 1939. Both books are written by engineer&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Willard_C._Brinton\" target=\"_blank\" rel=\"noreferrer noopener\">Willard C. Brinton<\/a>&nbsp;and present a fascinating time capsule of the state of the art of data visualization at the time. They remind us that the principles governing the effective presentation of information have deep historical roots, even as the tools and technologies we use have undergone dramatic transformations.<\/p>\n\n\n\n<p>We encourage you to explore both books for yourself. Below we\u2019ll share a few excerpts that we found interesting and\/or amusing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Some things never change<\/h2>\n\n\n\n<p>The data doesn\u2019t speak for itself, presentation and story telling matter!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-chapter-1.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-chapter-1.png\" alt=\"\" class=\"wp-image-11364\"\/><\/a><\/figure>\n\n\n\n<p>Willard C. Brinton, Graphic Methods for Presenting Facts (1914),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/n19\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">pp. 1-2<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Even in 1914, a simple bar chart was often best<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-p22-two-dimensional-chart.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-p22-two-dimensional-chart.png\" alt=\"\" class=\"wp-image-11372\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-p22-bar-chart-1.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-p22-bar-chart-1.png\" alt=\"\" class=\"wp-image-11377\"\/><\/a><\/figure>\n\n\n\n<p>\u201cGraphic comparison, wherever possible, should be made in one dimension only. In such a case as this, one-dimension presentation is perfectly feasibile by the user of bars of different lenghts.\u201d<\/p>\n\n\n\n<p>Willard C. Brinton, Graphic Methods for Presenting Facts (1914),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/22\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">p. 22<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3D presentation barely existed, and it was already a bad idea<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-p27-3d.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-p27-3d.png\" alt=\"\" class=\"wp-image-11380\"\/><\/a><\/figure>\n\n\n\n<p>\u201cIn general, graphics work of this kind is much worse than the use of figures alone. There are times when an absence of knowledge is better than incorrect knowledge.\u201d<\/p>\n\n\n\n<p>Willard C. Brinton, Graphic Methods for Presenting Facts (1914),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/26\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">p. 27<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Heatmaps were already around<\/h2>\n\n\n\n<p>And they were extremely effective. The visualization below aided in getting millions of Dollars raised for the improvement of public schools in the United States.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-p32-heatmap.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-methods-for-presenting-facts-p32-heatmap-718x1024.png\" alt=\"\" class=\"wp-image-11384\"\/><\/a><\/figure>\n\n\n\n<p>Willard C. Brinton, Graphic Methods for Presenting Facts (1914),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/32\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">p. 32<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">And so were misleading charts<\/h2>\n\n\n\n<p>Both books feature&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/38\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">numerous<\/a>&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/78\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">examples<\/a>&nbsp;of&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/124\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">misleading<\/a>&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/178\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">charts<\/a>, some of them&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/page\/102\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">intentional<\/a>. Of course, the well-known \u201cdon\u2019t start the axis at zero to make the numbers look more spectacular\u201d trick is also included.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-presentation-p22-misleading-chart.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-presentation-p22-misleading-chart.png\" alt=\"\" class=\"wp-image-11387\"\/><\/a><\/figure>\n\n\n\n<p>Willard C. Brinton, Graphic Presentation (1939),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/22\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">p. 22<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In 1939, pies were not just for dessert<\/h2>\n\n\n\n<p>Even though Brinton is aware that bar charts are a valid, often better, alternative to pie charts, he treats them as more or less interchangeable in his 1939 book:<\/p>\n\n\n\n<p>\u201cIn practically every instance in which material is presented in a sector chart, the same information might also be presented in bar charts.\u201d<\/p>\n\n\n\n<p>This isn\u2019t surprising, as the book itself is dedicated to&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/William_Playfair\" target=\"_blank\" rel=\"noreferrer noopener\">William Playfair<\/a>, the inventor of the pie chart (as well as lots of other visualizations). The preface of the book describes how Brinton became aware of Playfair after publication of his first book. Brinton\u2019s done extensive research on the man and his works, and he\u2019s a fan:<\/p>\n\n\n\n<p>\u201cWith all that Playfair did to show the effectiveness of graphic chart methods from his first book, published in 1786 at the age of twenty-seven, till his death in 1823, why have not graphic charts become more thoroughly established as a universal language?\u201d<\/p>\n\n\n\n<p>Willard C. Brinton, Graphic Presentation (1939),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/12\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">p. 12<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-presentation-p81-pie-chart.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-presentation-p81-pie-chart-750x1024.png\" alt=\"\" class=\"wp-image-11392\"\/><\/a><\/figure>\n\n\n\n<p>Willard C. Brinton, Graphic Presentation (1939),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/80\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">p. 81<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Even if the concepts have remained relatively unchanged, the technology hasn\u2019t<\/h2>\n\n\n\n<p>If fidgetting with settings in your data visualization software of choice seems like a hassle, how about manually creating a sankey chart from one thousand strips of paper?<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-presentation-p78-sankey-chart.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-presentation-p78-sankey-chart.png\" alt=\"\" class=\"wp-image-11396\"\/><\/a><\/figure>\n\n\n\n<p>Willard C. Brinton, Graphic Presentation (1939),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/78\/mode\/2up\" target=\"_blank\" rel=\"noreferrer noopener\">p. 78<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Want a 3D chart? Get out the plywood!<\/h2>\n\n\n\n<p>Or how about creating a 3D visualization with a figure saw and hundreds of pieces of plywood?<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-presentation-p354-3d-chart.png\"><img decoding=\"async\" src=\"https:\/\/www.bitmetric.nl\/wp-content\/uploads\/2024\/02\/willard-c-brinton-graphic-presentation-p354-3d-chart.png\" alt=\"\" class=\"wp-image-11398\"\/><\/a><\/figure>\n\n\n\n<p>Willard C. Brinton, Graphic Presentation (1939),&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/354\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">p. 354<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Overall, creating data visualizations used to be a lot more work<\/h2>\n\n\n\n<p>From picking the right&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/366\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">paper<\/a>,&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/368\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">pencils<\/a>,&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/370\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">crayons<\/a>,&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/372\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">erasers<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/372\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">ink<\/a>&nbsp;to&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/374\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">cut-out letters<\/a>,&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/396\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">cameras<\/a>,&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/404\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">lantern slides<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/page\/428\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">various printing techniques<\/a>, getting your visualizations out there sure was a lot of work!<\/p>\n\n\n\n<p>After going through these books and learning more about what it was like \u201cback in the day\u201d, we at Bitmetric feel fortunate that we get to use modern solutions like&nbsp;<a href=\"https:\/\/www.bitmetric.nl\/qlik\/qliksense\/\">Qlik Sense<\/a>&nbsp;every day \ud83d\ude09<\/p>\n\n\n\n<p>If you want to explore both books for yourself, they are available in their entirety at the Internet Archive:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Willard C. Brinton,&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicmethodsfo00brinrich\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">Graphic Methods for Presenting Facts<\/a>&nbsp;(1914)<\/li>\n\n\n\n<li>Willard C. Brinton,&nbsp;<a href=\"https:\/\/archive.org\/details\/graphicpresentat00brinrich\/mode\/2up?view=theater\" target=\"_blank\" rel=\"noreferrer noopener\">Graphic Presentation<\/a>&nbsp;(1939)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>A hundred years ago, the landscape of data visualization was vastly different from the digital dashboards and interactive charts we are accustomed to today. We want to share with you&#8230; <a class=\"read-more-link\" href=\"https:\/\/tbekk.com\/devstream\/2024\/03\/18\/data-visualization-in-the-early-20th-century\/\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,50],"tags":[],"class_list":["post-916","post","type-post","status-publish","format-standard","hentry","category-article","category-data-vizualisation"],"_links":{"self":[{"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/posts\/916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/comments?post=916"}],"version-history":[{"count":1,"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/posts\/916\/revisions"}],"predecessor-version":[{"id":917,"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/posts\/916\/revisions\/917"}],"wp:attachment":[{"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/media?parent=916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/categories?post=916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tbekk.com\/devstream\/wp-json\/wp\/v2\/tags?post=916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}