{"id":1719,"date":"2016-03-05T19:52:24","date_gmt":"2016-03-05T19:52:24","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=1719"},"modified":"2016-03-05T19:52:24","modified_gmt":"2016-03-05T19:52:24","slug":"html5-heat-map-by-anychart","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/","title":{"rendered":"HTML5 Heat Map by AnyChart (Periodic Table) and More"},"content":{"rendered":"<div id=\"attachment_1334\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Heat_Maps\/Periodic_Table.php\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1334\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg\" alt=\"HTML5 Heat Map by AnyChart\" title=\"HTML5 Heat Map by AnyChart\" width=\"700\" height=\"425\" \/><\/a><p id=\"caption-attachment-1334\" class=\"wp-caption-text\"><a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Heat_Maps\/Periodic_Table.php\" target=\"_blank\">Periodic Table of Elements \u2014 HTML5 Heat Map by AnyChart<\/a><\/p><\/div>\n<p>This week we have posted on <a href=\"https:\/\/www.facebook.com\/AnyCharts\" target=\"_blank\" rel=\"nofollow\">AnyChart Facebook Page<\/a> and in <a  rel=\"nofollow\" href=\"https:\/\/twitter.com\/AnyChart\" target=\"_blank\">Twitter<\/a> a few cool data visualizations and, of course, a sample from our gallery \u2013 an HTML5 Heat Map by <a href=\"https:\/\/www.anychart.com\/\" target=\"_blank\">AnyChart<\/a> representing the periodic table of elements:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.nytimes.com\/interactive\/2016\/02\/27\/upshot\/republican-delegate-calculator-how-trump-can-win.html\" target=\"_blank\" rel=\"nofollow\">The Cold Hard Math of How Trump Can Win, and How Rubio Can Stop Him<\/a> \u2014 What will it take for Donald J. Trump \u2014 or Marco Rubio or Ted Cruz \u2014 to win the Republican nomination? <a href=\"http:\/\/www.nytimes.com\/section\/upshot\" target=\"_blank\" rel=\"nofollow\">The Upshot<\/a> has built an interactive delegate calculator simulating how the race might unfold after the Super Tuesday.<\/li>\n<li><a href=\"http:\/\/quantifiedselfie.us\/forget-me-nots\/\" target=\"_blank\" rel=\"nofollow\">Forget Me Nots<\/a> \u2014 With digital storage getting cheaper and cheaper we have gone from a default of forgetting to a default of digitally assisted remembering. Should we or should we not revisit our digital memories? Allison, the creator of the Forget Me Nots project, used 1,924 emails of ex-boyfriends to create three data visualizations exploring this question.<\/li>\n<li><a href=\"http:\/\/flowingdata.com\/2015\/12\/15\/a-day-in-the-life-of-americans\/\" target=\"_blank\" rel=\"nofollow\">A Day in the Life of Americans<\/a> \u2014 This fascinating data visualization posted on <a href=\"http:\/\/flowingdata.com\/\" target=\"_blank\" rel=\"nofollow\">FlowingData<\/a> simulates a single day for 1,000 Americans representative of the population \u2014 to the minute. Looking at all these colored dots running back and forth is not only pleasant, but it is also quite thought-provoking.<\/li>\n<li><a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Heat_Maps\/Periodic_Table.php\" target=\"_blank\">Periodic Table of Elements by AnyChart<\/a>. A heat map is a graphical representation of data where the individual values contained in a matrix are represented as colors. This particular HTML5 heat map is our version of the periodic table (a tabular arrangement of the chemical elements, ordered by their atomic number, electron configurations, and recurring chemical properties).\n<p>At first glance, it looks quite minimalistic: the information you see is limited to the symbols of elements and color of boxes. However, the table is interactive, and if you hover any box, a label with additional information will appear. So, clever use of interactivity allows to create simple yet enlightening visualizations \u2014 and with AnyChart it is very easy!<\/li>\n<\/ul>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>This week we have posted on AnyChart Facebook Page and in Twitter a few cool data visualizations and, of course, a sample from our gallery \u2013 an HTML5 Heat Map by AnyChart representing the periodic table of elements: The Cold Hard Math of How Trump Can Win, and How Rubio Can Stop Him \u2014 What [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,23,13,3],"tags":[],"class_list":["post-1719","post","type-post","status-publish","format-standard","hentry","category-anychart-charting-component","category-html5","category-javascript","category-news","wpautop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML5 Heat Map by AnyChart (Periodic Table) and More | AnyChart News<\/title>\n<meta name=\"description\" content=\"Here are the cool data visualizations we have posted this week on Anychart FB page and in Twitter, including Periodic Table \u2014 an HTML5 heat map by AnyChart.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 Heat Map by AnyChart (Periodic Table) and More | AnyChart News\" \/>\n<meta property=\"og:description\" content=\"Here are the cool data visualizations we have posted this week on Anychart FB page and in Twitter, including Periodic Table \u2014 an HTML5 heat map by AnyChart.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/\" \/>\n<meta property=\"og:site_name\" content=\"AnyChart News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AnyCharts\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-05T19:52:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg\" \/>\n<meta name=\"author\" content=\"Margaret Skomorokh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:site\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Margaret Skomorokh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/\"},\"author\":{\"name\":\"Margaret Skomorokh\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\"},\"headline\":\"HTML5 Heat Map by AnyChart (Periodic Table) and More\",\"datePublished\":\"2016-03-05T19:52:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/\"},\"wordCount\":333,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg\",\"articleSection\":[\"AnyChart Charting Component\",\"HTML5\",\"JavaScript\",\"News\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/\",\"name\":\"HTML5 Heat Map by AnyChart (Periodic Table) and More | AnyChart News\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg\",\"datePublished\":\"2016-03-05T19:52:24+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\"},\"description\":\"Here are the cool data visualizations we have posted this week on Anychart FB page and in Twitter, including Periodic Table \u2014 an HTML5 heat map by AnyChart.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#primaryimage\",\"url\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg\",\"contentUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg\",\"width\":1024,\"height\":565},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 Heat Map by AnyChart (Periodic Table) and More\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\",\"url\":\"https:\/\/www.anychart.com\/blog\/\",\"name\":\"AnyChart News\",\"description\":\"AnyChart JS Charts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anychart.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\",\"name\":\"Margaret Skomorokh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g\",\"caption\":\"Margaret Skomorokh\"},\"url\":\"https:\/\/www.anychart.com\/blog\/author\/margaret-skomorokh\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 Heat Map by AnyChart (Periodic Table) and More | AnyChart News","description":"Here are the cool data visualizations we have posted this week on Anychart FB page and in Twitter, including Periodic Table \u2014 an HTML5 heat map by AnyChart.","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:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/","og_locale":"en_US","og_type":"article","og_title":"HTML5 Heat Map by AnyChart (Periodic Table) and More | AnyChart News","og_description":"Here are the cool data visualizations we have posted this week on Anychart FB page and in Twitter, including Periodic Table \u2014 an HTML5 heat map by AnyChart.","og_url":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2016-03-05T19:52:24+00:00","og_image":[{"url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg","type":"","width":"","height":""}],"author":"Margaret Skomorokh","twitter_card":"summary_large_image","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"Margaret Skomorokh","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/"},"author":{"name":"Margaret Skomorokh","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555"},"headline":"HTML5 Heat Map by AnyChart (Periodic Table) and More","datePublished":"2016-03-05T19:52:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/"},"wordCount":333,"commentCount":0,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg","articleSection":["AnyChart Charting Component","HTML5","JavaScript","News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/","url":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/","name":"HTML5 Heat Map by AnyChart (Periodic Table) and More | AnyChart News","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg","datePublished":"2016-03-05T19:52:24+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555"},"description":"Here are the cool data visualizations we have posted this week on Anychart FB page and in Twitter, including Periodic Table \u2014 an HTML5 heat map by AnyChart.","breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#primaryimage","url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg","contentUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/03\/Periodic-Table-of-Elements-HTML5-Heat-Map-by-AnyChart.jpg","width":1024,"height":565},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2016\/03\/05\/html5-heat-map-by-anychart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML5 Heat Map by AnyChart (Periodic Table) and More"}]},{"@type":"WebSite","@id":"https:\/\/www.anychart.com\/blog\/#website","url":"https:\/\/www.anychart.com\/blog\/","name":"AnyChart News","description":"AnyChart JS Charts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anychart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555","name":"Margaret Skomorokh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g","caption":"Margaret Skomorokh"},"url":"https:\/\/www.anychart.com\/blog\/author\/margaret-skomorokh\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/1719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=1719"}],"version-history":[{"count":15,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/1719\/revisions"}],"predecessor-version":[{"id":1737,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/1719\/revisions\/1737"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=1719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=1719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=1719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}