{"id":6673,"date":"2023-03-02T18:28:06","date_gmt":"2023-03-02T17:28:06","guid":{"rendered":"https:\/\/capturly.com\/blog\/?p=6673"},"modified":"2023-03-02T18:41:03","modified_gmt":"2023-03-02T17:41:03","slug":"uncovering-the-heatmap-history","status":"publish","type":"post","link":"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/","title":{"rendered":"Uncovering the heatmap history"},"content":{"rendered":"\n<p><strong>Heatmaps are unavoidable nowadays if we want to speak or write something about web analytics. <\/strong>Numerous sites on the internet provide heatmap tools for other businesses who want a 2 or 3D representation of qualitative data. Mostly these are about their users&#8217; habits, to filter the mistakes and make things better.&nbsp;<\/p>\n\n\n\n<p>Although other tools must do the math first, <strong><a href=\"https:\/\/capturly.com\/guides\/ultimate-guide-to-heatmaps-everything-you-need-to-know-about-website-heatmaps\/#what-does-a-heatmap-show\">various data are well-represented through heatmaps<\/a>.<\/strong> Moreover, <strong>a non-expert can also easily understand the exact way this tool works, also graphical representations can be both eye-catching and interesting<\/strong>, so the user recognizes them better later on.\u00a0<\/p>\n\n\n\n<p>The name of the heatmap refers to the color which is the most essential part of the tool. In our mind, heat is associated with the red color since people first met with fires and flames. The expression \u201cheatmap\u201d tries to make a benefit from this association.<strong> In this graphical tool, the \u201cwarm\u201d or red parts are usually the most interesting elements.<\/strong> Those are the busiest, highest or most influential parts of the map, it depends on how the creator imagines it and what type of heatmap he uses. Thus, there are almost infinite types of heatmaps; the limitations are our imaginations. <strong>People created heatmaps to understand sports better, to examine biological correlations, to represent weather reports, or, like I said, for web analytical reasons.&nbsp;<\/strong><\/p>\n\n\n\n<p><strong>You can read many articles and guides about <\/strong><a href=\"https:\/\/capturly.com\/blog\/how-heatmaps-help-your-startup-to-get-traction\/\"><strong>the usage of heatmaps<\/strong><\/a><strong> as every corner of the internet is full of them. However, somehow fewer people mention its history and impact.<\/strong> Too bad, because it hides a tremendous amount of stories which are both exciting and interesting. It will fly us back to the 19th and 20th centuries, when there was no internet and websites. How did they yet develop this whole graphical visualization and shape it for 150 years long? In this article, you find all the answers!<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_53 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#The_first_few_steps\" title=\"The first few steps\">The first few steps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#Make_it_simpler_and_simpler\" title=\"Make it simpler and simpler!\">Make it simpler and simpler!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#The_exact_moment_when_heatmaps_entered_its_doors_to_the_publicity\" title=\"The exact moment when heatmaps entered its doors to the publicity\">The exact moment when heatmaps entered its doors to the publicity<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#The_big_break-through_computer-generated_heatmaps\" title=\"The big break-through: computer-generated heatmaps\">The big break-through: computer-generated heatmaps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_first_few_steps\"><\/span>The first few steps<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Like I said before, if we want to understand everything about how people invented heatmaps, <strong>we have to travel back to the late 19th-century of Europe.<\/strong><\/p>\n\n\n\n<p>Basically, there is just one way to explore the history of a tool: break it down into its elements and see where and how it started to become one. <strong>The first part of the heatmap, also some of us may say the heart of the tool, is the color-shaded matrix display.<\/strong> It\u2019s like the wheels of the car: without them, you won\u2019t use the car itself, since it can\u2019t carry you from one place to another. The situation is quite similar here: without the colors, the heatmap doesn&#8217;t make sense.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>The first famous color-shaded matrix display belongs to Toussaint Loua<\/strong>, who was a well-known French statistician and tried to analyze social statistics (for example: national origin, profession and age) in Paris.<strong> He used 20 different maps to fit in one and make the whole implementation so unique.<\/strong> He drew this matrix with his own hands, also there were four main colors that he used: white to yellow and blue to red; and of course, the mixtures of the four colors. This whole story happened in 1873, so it\u2019s easy to say that this one was the first color-shaded matrix in the world, right? Probably. But accountants and mathematicians had used a similar, but simplified method since the start of the 19th century usually to indicate the areas of interest. Unfortunately, they didn\u2019t write their name down, thus nobody could identify them.\u00a0<\/p>\n\n\n\n<p class=\"has-text-align-center\"><em>Loua\u2019s first heatmap\u00a0<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/sNUjLMi1rDO4D6ODWbRuEN7QDeqRIke7fcsW44ItDUDAfnOrYjw6tRwgIwAlThqi8nXDH-Hpg5XDl7qHeDjPQ50RejNaml48QltN9XwTyeO2m5ECbiarUXOQRR_jN_yBjB8cJ3kdywB-BjmLbJiFzcs\" alt=\"Loua\u2019s first heatmap\u00a0\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Loua.png\">Source<\/a><\/p>\n\n\n\n<p><strong>At the start of the 20th century, people started to both use Lola\u2019s technique and complete with other elements, like permuting matrices.<\/strong> Permuting matrices means that in one row and one column, you must only place one specified value, but that value can belong to all the characteristics that the given columns and rows mean. It\u2019s great for creating easy and understandable illustrations not as Lola did.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Make_it_simpler_and_simpler\"><\/span>Make it simpler and simpler!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>40 years later, <strong>Willard C. Brinton<\/strong> was one of the most skillful professors, who had the ability to demonstrate diagrams understandable by everybody who was capable of reading. <strong>He made a book called Graphic methods for presenting facts in 1914<\/strong>, where he demonstrated his whole idea in a few words: <em>\u201c<\/em>It is most desired to reach are those who have never had any statistical training, consistent effort has been made to keep the whole book on such a plane that it may be found readable and useful by anyone dealing with the complex facts of business or government.\u201d<\/p>\n\n\n\n<p class=\"has-text-align-center\"><em>Two pages of Williar C. Brinton\u2019s famous book<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/AToiTIslfJq6Ca08h1RyJLBf2tyoA4hHdLL2lIPKI0n2X-hDLbCOYipXiVkabAxCV_ma5hvAfrfY7tc7898gDyMl0tXlPF2deGyPYN7ZpyBorV6nMNzhGnci8MfO6kbIyV98WX-TKCd0BKCW0VVDjDM\" alt=\"Two pages of Williar C. Brinton\u2019s famous book\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/File:Graphic_methods_for_presenting_facts,_p._6-7.jpg\">Source<\/a><\/p>\n\n\n\n<p><strong>The first half of the 20. century spent with a lot of experimentations, what are the easiest ways to present matrices and also how to simplify it, to be readable for any human being.&nbsp;<\/strong><\/p>\n\n\n\n<p>The whole formula was as easy as usual: the more people attended elementary and secondary schools, the more people had the ability to know the meaning of these illustrations. Luckily, the huge improvements in educational systems all over the world helped the spread of these illustrations and diagrams.&nbsp;<\/p>\n\n\n\n<ol start=\"3\">\n<li>The relation between The Guttman scalogram and the heatmap<\/li>\n<\/ol>\n\n\n\n<p>The next well-known exploration is not really related to the world of heatmaps, although it influenced many statisticians who later found out how the two different tools connect to each other, so we shouldn\u2019t miss it! <strong>The Guttman scalogram was one of the most influential parts of 20th-century statistics analysis.<\/strong> Just imagine a bunch of questions which are related to each other, but we don\u2019t know the exact order. But we are sure that one comes from another.<strong> It is a type of ordinal scale, which means that the responses are ranked in a specific order.<\/strong><\/p>\n\n\n\n<p>For example:<\/p>\n\n\n\n<ul>\n<li>I am not afraid of the dark&nbsp;<\/li>\n\n\n\n<li>I love going out at nights<\/li>\n\n\n\n<li>I usually love to go for a walk alone in the evenings<\/li>\n\n\n\n<li>I wouldn\u2019t be afraid if I got lost in a forest in the dark.<\/li>\n<\/ul>\n\n\n\n<p>Then ask several \u201cjudges\u201d who will rate the statements. They either can give a \u201c1\u201d (Yes) value if the statement is favorable to them or a \u201c0\u201d (No) if it\u2019s not. Then we create a matrix from their answers and add up their results.&nbsp;<\/p>\n\n\n\n<p>Each judge gets a rank, the more \u201c1\u201d value they answer the higher they go on the ladder. Then we examine the questions. The more \u201c1\u201d value a question earns, the earlier it appears in the matrix. Our hypothesis in this case is that if one judge didn&#8217;t give &#8216;Yes&#8217; value to the second liked statement, he dismissed the third liked one and so on. It is usually true, but of course, there are exceptions.&nbsp;<\/p>\n\n\n\n<p>This type of scaling is useful as it assumes that people have a consistent view on a topic and they can be arranged in a hierarchy.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><\/td><td class=\"has-text-align-center\" data-align=\"center\">I am not afraid of the dark&nbsp;<\/td><td class=\"has-text-align-center\" data-align=\"center\">I love going out at nights<\/td><td class=\"has-text-align-center\" data-align=\"center\">I usually love to go for a walk alone in the evenings<\/td><td class=\"has-text-align-center\" data-align=\"center\">I wouldn\u2019t be afraid if I got lost in a forest in the dark.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Respondent 3<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Respondent 1<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Respondent 4<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Respondent 2<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>The Guttman scalogram was so widely used that researchers started to make experiments and used this system through surveys.<\/strong> After the birth of the Guttman technique, people waited 20 years to find out, visualizing it could be a hard task.<strong> Dennis Rondinelli basically grabbed this whole technique and visualized it in a heatmap to measure and summarize facilities statistics for settlements in 1980. That was one of the first heatmaps that not just used colors, but also arranged the data in a merit order.\u00a0\u00a0<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_exact_moment_when_heatmaps_entered_its_doors_to_the_publicity\"><\/span>The exact moment when heatmaps entered its doors to the publicity<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>After the 50s, the tendency of improving shaded and colored illustrations had stopped.<\/strong> The main problem was the paper itself. The scientists believed that no matter how hard they try, most of the heatmap-related diagrams tend to be incomprehensible for a non-expert, so they usually just leave it out of their work. It is very ironic that nowadays, for example, a biological dissertation is usually full of heatmap-related images and diagrams. Some of us may think that the main cause of this increased popularity has to be the appearance of computers, which can analyze data and diagrams not just in 2D but in 3D as well. They are right, but only \u00bd of their opinion. <strong>Although heatmaps popularity has risen as the result of the appearance of computers, nowadays magazines and newspapers also use this format, as some of us realized how practical and easy-to-use it is.<\/strong> Moreover, a <a href=\"https:\/\/capturly.com\/blog\/how-to-improve-ux-by-using-heatmaps\/\">powerful heatmap<\/a> is eye-catching as well, so it can increase the entertainment, but also the reader usually recognizes the data better than if it just contains written parts.<br><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/thioNwU3xRPaedAuhUUOvnLc7_QaMyS5CaRSda1TPdyM9IL9MERT_n6A90k2ed6-SEq4uf4CpmCDYbu0EOEdkfElHXLwYZ2j5_DbxZGDumSxwKWGy_tqGUf59-45BWprdNH54neeMXCyVkX3QR3e0RY\" width=\"630\" height=\"214\"><\/p>\n\n\n\n<p><strong>Did you know why we call it that way?<\/strong><\/p>\n\n\n\n<p><strong>It is a very easy question to answer. In terms of heatmaps usually we indicate something commonly occurring with red color, blue means the opposite. However, there are other terms how researchers and writers used to call this analytical tool. Moreover, there are regions where people are not really familiar with this expression. Instead, they use the term \u201cintensity map\u201d or \u201cpoint density interpolation\u201d.\u00a0\u00a0<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_big_break-through_computer-generated_heatmaps\"><\/span>The big break-through: computer-generated heatmaps<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>But what does a modern <\/strong><a href=\"https:\/\/capturly.com\/features\/heatmaps\"><strong>heatmap <\/strong><\/a><strong>look like?<\/strong> <strong>&nbsp;<\/strong>Luckily, the essence of the heatmap hasn&#8217;t changed through the years: it\u2019s a method of representing data graphically where values are replaced by colors.<strong> Although nowadays computers edit them instead of humans, so it\u2019s more precise and correct.&nbsp;<\/strong><\/p>\n\n\n\n<p><strong>Computer-generated heatmaps were developed in 1993 by Cormac Kinney and some of his colleagues.<\/strong> An interesting part of the story is that he trademarked the term \u201cheatmap\u201d, but then he unintentionally abandoned it. Just think about it: without this little mistake, we might not know and use this term nowadays.<\/p>\n\n\n\n<p><strong>Years after Kinney\u2019s invention, businesses had not yet used his whole idea, although, <a href=\"https:\/\/capturly.com\/blog\/heatmap-can-be-beneficial-in-almost-every-type-of-illustration\/\">in the field of<\/a> meteorology and the stock market, it was a widely used implementation.<\/strong> Since computer-generated heatmaps could be used to visualize the results of numerical weather prediction models, allowing scientists to identify patterns and make more accurate forecasts.<\/p>\n\n\n\n<p><strong>10 years after Kinney developed computer-generated heatmaps, websites started to appear in the online world. <\/strong>There were, of course, business, e-commerce related sites, where there was a demand to somehow track users information, to understand their client\u2019s behavior better. So there was only one little thing missed: the main supply part of this curve (if somewhere in the market there is a demand, supply will come!). Of course, these companies didn\u2019t have to wait so long. There is shady information about that part of the story, but to the best of my knowledge, <strong>Crazy Egg was the first online site, which introduced and sold different kinds of heatmap analytics on their web page in 2006.<\/strong>&nbsp;<\/p>\n\n\n\n<p><strong>Another big improvement in this area of life happened in 2013, when Michael Waskom introduced a <a href=\"https:\/\/www.python-graph-gallery.com\/heatmap\/\">Python package named Seaborn<\/a>.<\/strong> Python is a general-used programming language, while the <strong>Seaborn package allows people to create different kinds of heatmaps<\/strong> if they are interested in this programming language.<\/p>\n\n\n\n<p class=\"has-text-align-center\">\u00a0 <img decoding=\"async\" loading=\"lazy\" width=\"382\" height=\"318\" src=\"https:\/\/lh4.googleusercontent.com\/OztnpizMNrY5KFqfOQBIlvO9Mu3U8wolQpSos6m8aAJDTRVWgkEpCXZCdzi8Pkujyrz4nX020X1u1GrMtvola_e4r6mZvHk3i-NujuUSu6GSvQ4C6pdzcvHkbYHIYHx9mDdq3G5ew9OYR_5Kbfsc_IU\"><\/p>\n\n\n\n<p><strong>The next trend and also evolution of what heatmaps have gone through are the release of interactive heatmaps started in the late 2010s.<\/strong> As of this, people who didn\u2019t have a clue <a href=\"https:\/\/capturly.com\/guides\/ultimate-guide-to-heatmaps-everything-you-need-to-know-about-website-heatmaps\/#how-do-heatmaps-work\">how it is working<\/a>, now get access to it via these simplifications. A wide range of people have tried out this analytical tool in recent years, also numerous people have realized <a href=\"https:\/\/capturly.com\/guides\/how-to-read-and-analyze-heatmaps\/\">how easy-to-use and simple the heatmap<\/a> itself is.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Heatmaps have been with us for 150 years and as it looked at the beginning, we should say it has changed a lot.<\/strong> Its lookalike, the number of dimensions, the areas of usage; it all changed. But also throughout its evolution, there have been parts and elements which have remained stable.&nbsp;<\/p>\n\n\n\n<p><strong>If heatmaps would have not improved through the years, there is very little possibility that we would use this web analytical method nowadays.<\/strong> Luckily, curiosity is a well-known human attribute, which we must thank a lot, as it always helps us to find the perfect solutions for different problems.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Heatmaps are unavoidable nowadays if we want to speak or write something about web analytics. Numerous sites on the internet provide heatmap tools for other businesses who want a 2 or 3D representation of qualitative data. Mostly these are about their users&#8217; habits, to filter the mistakes and make things better.&nbsp; Although other tools must<\/p>\n","protected":false},"author":28,"featured_media":6674,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[97],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Uncovering the heatmap history - Capturly Blog<\/title>\n<meta name=\"description\" content=\"How did heatmaps develop this whole graphical visualization and shape it for 150 years long? Let&#039;s find out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Uncovering the heatmap history - Capturly Blog\" \/>\n<meta property=\"og:description\" content=\"How did heatmaps develop this whole graphical visualization and shape it for 150 years long? Let&#039;s find out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/\" \/>\n<meta property=\"og:site_name\" content=\"Capturly Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-02T17:28:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-02T17:41:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2023\/03\/Brown-Modern-Woman-Business-Blog-Banner-14.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2240\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/\",\"url\":\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/\",\"name\":\"Uncovering the heatmap history - Capturly Blog\",\"isPartOf\":{\"@id\":\"https:\/\/capturly.com\/blog\/#website\"},\"datePublished\":\"2023-03-02T17:28:06+00:00\",\"dateModified\":\"2023-03-02T17:41:03+00:00\",\"author\":{\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c\"},\"description\":\"How did heatmaps develop this whole graphical visualization and shape it for 150 years long? Let's find out!\",\"breadcrumb\":{\"@id\":\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/capturly.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Uncovering the heatmap history\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capturly.com\/blog\/#website\",\"url\":\"https:\/\/capturly.com\/blog\/\",\"name\":\"Capturly Blog\",\"description\":\"Optimize your website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capturly.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c\",\"name\":\"Gabriella\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g\",\"caption\":\"Gabriella\"},\"url\":\"https:\/\/capturly.com\/blog\/author\/gabriella\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Uncovering the heatmap history - Capturly Blog","description":"How did heatmaps develop this whole graphical visualization and shape it for 150 years long? Let's find out!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/","og_locale":"en_US","og_type":"article","og_title":"Uncovering the heatmap history - Capturly Blog","og_description":"How did heatmaps develop this whole graphical visualization and shape it for 150 years long? Let's find out!","og_url":"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/","og_site_name":"Capturly Blog","article_published_time":"2023-03-02T17:28:06+00:00","article_modified_time":"2023-03-02T17:41:03+00:00","og_image":[{"width":2240,"height":1260,"url":"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2023\/03\/Brown-Modern-Woman-Business-Blog-Banner-14.png","type":"image\/png"}],"author":"Gabriella","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gabriella","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/","url":"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/","name":"Uncovering the heatmap history - Capturly Blog","isPartOf":{"@id":"https:\/\/capturly.com\/blog\/#website"},"datePublished":"2023-03-02T17:28:06+00:00","dateModified":"2023-03-02T17:41:03+00:00","author":{"@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c"},"description":"How did heatmaps develop this whole graphical visualization and shape it for 150 years long? Let's find out!","breadcrumb":{"@id":"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/capturly.com\/blog\/uncovering-the-heatmap-history\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/capturly.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Uncovering the heatmap history"}]},{"@type":"WebSite","@id":"https:\/\/capturly.com\/blog\/#website","url":"https:\/\/capturly.com\/blog\/","name":"Capturly Blog","description":"Optimize your website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capturly.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c","name":"Gabriella","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g","caption":"Gabriella"},"url":"https:\/\/capturly.com\/blog\/author\/gabriella\/"}]}},"_links":{"self":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/6673"}],"collection":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/comments?post=6673"}],"version-history":[{"count":2,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/6673\/revisions"}],"predecessor-version":[{"id":6677,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/6673\/revisions\/6677"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media\/6674"}],"wp:attachment":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media?parent=6673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/categories?post=6673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/tags?post=6673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}