{"id":18242,"date":"2020-06-09T12:33:46","date_gmt":"2020-06-09T16:33:46","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=18242"},"modified":"2020-08-20T00:18:07","modified_gmt":"2020-08-20T04:18:07","slug":"a-brief-history-of-isotype","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/a-brief-history-of-isotype\/","title":{"rendered":"A Brief history of isotype"},"content":{"rendered":"\n<p><strong>INTRODUCTION<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"356\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?resize=840%2C356\" alt=\"ISOTYPE: International System of Typographic Picture Education\" class=\"wp-image-18264\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?resize=1024%2C434&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?resize=300%2C127&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?resize=768%2C325&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?resize=1536%2C650&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?resize=2048%2C867&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?resize=800%2C339&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?resize=400%2C169&amp;ssl=1 400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>ISOTYPE (International System of TYpographic Picture Education) was developed in <a href=\"http:\/\/www.datavis.ca\/milestones\/index.php?group=1900%2B&amp;mid=ms198\">1924<\/a> as a universal picture language with the purpose of educating the public on social statistics in charts using multiples of same-size icons to represent quantitative information (as opposed to bar or line graphs). Otto Neurath, Austrian social scientist, economist, philosopher, and theorist behind the method (which began as the Vienna Method), believed that this form of &#8216;<a href=\"https:\/\/plato.stanford.edu\/entries\/neurath\/visual-education.html\">visual education<\/a>&#8216; was a way to make social science statistics more accessible to the public, regardless of education, class, or age. The philosophy behind this was rooted in socialist utopian ideals. Otto Neurath, Isotype illustrator Gerd Arntz, and data transformer Marie Reidemeister (later Marie Neurath), were the primary members of the group behind the Vienna Method\/ISOTYPE. In 1935, the group fled to the Hague from Vienna during the rise of Austrian fascism. It was there that they decided to have a more international scope and the method was renamed to ISOTYPE. In 1940, Neurath and Reidemeister fled to England (where they later married) during the Nazi invasion of the Netherlands.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/eagereyes.org\/wp-content\/uploads\/2019\/11\/Work4All-02.jpg?resize=736%2C537&#038;ssl=1\" alt=\"\" width=\"736\" height=\"537\" \/><figcaption>Source: &#8220;<a href=\"https:\/\/eagereyes.org\/isotope-books\/isotype-book-young-prager-theres-work-for-all\">There&#8217;s Work for All&#8221; By Michael Young and Theodor Prager via eagereyes.org<\/a><\/figcaption><\/figure>\n\n\n\n<p><strong>MATERIALS<\/strong><\/p>\n\n\n\n<p>In creating a timeline of the history of ISOTYPE, I used <a href=\"https:\/\/timeline.knightlab.com\/\">TimelineJS<\/a> by <a href=\"https:\/\/knightlab.northwestern.edu\/\">Knightlab<\/a>, which connects to data entered into a Google Spreadsheet. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1-CRvkEZUpduWGfK4bTLwdQtrk24xTuANTcGA0nma8Kk&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"2258\" height=\"1260\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?fit=840%2C468&amp;ssl=1\" alt=\"\" class=\"wp-image-18270\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?w=2258&amp;ssl=1 2258w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?resize=1024%2C571&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?resize=768%2C429&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?resize=1536%2C857&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?resize=2048%2C1143&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?resize=800%2C446&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?resize=323%2C180&amp;ssl=1 323w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.53.29-AM.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2110\" height=\"672\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?fit=840%2C267&amp;ssl=1\" alt=\"\" class=\"wp-image-18273\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?w=2110&amp;ssl=1 2110w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?resize=300%2C96&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?resize=1024%2C326&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?resize=768%2C245&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?resize=1536%2C489&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?resize=2048%2C652&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?resize=800%2C255&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?resize=400%2C127&amp;ssl=1 400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-12.01.42-PM.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Sample of data used from Google Spreadsheet<\/figcaption><\/figure>\n\n\n\n<p><strong>PROCESS<\/strong><\/p>\n\n\n\n<p>I compiled dates and details on ISOTYPE milestones by doing research using various sources including <a href=\"http:\/\/www.datavis.ca\/milestones\/index.php?page=milestones+project\"><em>Milestones in the history of thematic cartography, statistical graphics, and data visualization<\/em> (M. Friendly &amp; D.J. Denis)<\/a>, <a href=\"http:\/\/isotyperevisited.org\/\"><em>Isotype Revisited <\/em>(University of Reading)<\/a>, <a href=\"http:\/\/www.designhistory.org\/Symbols_pages\/isotype.html\">Designhistory.org<\/a>, and <a href=\"https:\/\/en.wikipedia.org\/wiki\/Isotype_(picture_language)\">Wikipedia<\/a>. At the same time, I wanted to include images on the timeline that best illustrated the method. I thought the ISOTYPE charts on unemployment were particularly interesting.<\/p>\n\n\n\n<p><strong>REFLECTION<\/strong><\/p>\n\n\n\n<p>This is a topic that has a potential to be explored much more in depth, both due to the political and social contexts as well as its influence on the design of modern-day infographics. I merely grazed the surface of this with this timeline. I also had some challenges with image sourcing, as I was somewhat limited to digitized book plates to display the original visualizations, <a href=\"http:\/\/isotyperevisited.org\/2009\/09\/from-hieroglyphics-to-isotype.html\">some of which<\/a> betray the wear and tear of the pages.<\/p>\n\n\n\n<p><strong>SOURCES<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/isotyperevisited.org\/\"><em>Isotype Revisited <\/em>(University of Reading)<\/a><\/li><li><a href=\"http:\/\/www.datavis.ca\/milestones\/index.php?page=milestones+project\"><em>Milestones in the history of thematic cartography, statistical graphics, and data visualization<\/em> (M. Friendly &amp; D.J. Denis)<\/a><\/li><li><a href=\"http:\/\/www.designhistory.org\/Symbols_pages\/isotype.html\">The History of Symbols, Designhistory.org<\/a><\/li><li> <a rel=\"noreferrer noopener\" href=\"http:\/\/eagereyes.org\/techniques\/isotype\" target=\"_blank\">The ISOTYPE<\/a> By Robert Kosara\/eagereyes.org<\/li><li><a href=\"https:\/\/eagereyes.org\/isotope-books\/isotype-book-young-prager-theres-work-for-all\">ISOTYPE Book: Young, Prager, There\u2019s Work for All By Robert Kosara\/eagereyes.org<\/a> (review)<\/li><li><a href=\"https:\/\/en.wikipedia.org\/wiki\/Isotype_(picture_language)\">Wikipedia<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>INTRODUCTION ISOTYPE (International System of TYpographic Picture Education) was developed in 1924 as a universal picture language with the purpose of educating the public on social statistics in charts using multiples of same-size icons to represent quantitative information (as opposed to bar or line graphs). Otto Neurath, Austrian social scientist, economist, philosopher, and theorist behind&hellip;<\/p>\n","protected":false},"author":716,"featured_media":18264,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[149,339,1],"tags":[247,539,189,119,94],"coauthors":[535],"class_list":["post-18242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-timelines","category-visualization","tag-infographics","tag-isotype","tag-timeline","tag-timelinejs","tag-visualization"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/06\/Screen-Shot-2020-06-09-at-11.24.30-AM.png?fit=2182%2C924&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-4Ke","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/18242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/716"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=18242"}],"version-history":[{"count":9,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/18242\/revisions"}],"predecessor-version":[{"id":18291,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/18242\/revisions\/18291"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/18264"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=18242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=18242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=18242"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=18242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}