{"id":7490,"date":"2014-04-29T05:06:33","date_gmt":"2014-04-28T19:06:33","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=7490"},"modified":"2014-04-29T05:06:33","modified_gmt":"2014-04-28T19:06:33","slug":"phpjavascripthtml-google-chart-treemap-chart-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascripthtml-google-chart-treemap-chart-tutorial\/","title":{"rendered":"PHP\/Javascript\/HTML Google Chart Treemap Chart Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/TreemapChart\/treemap_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"PHP\/Javascript\/HTML Google Chart Treemap Chart Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/TreemapChart\/TreemapChart_Primer.jpg\" title=\"PHP\/Javascript\/HTML Google Chart Treemap Chart Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">PHP\/Javascript\/HTML Google Chart Treemap Chart Tutorial<\/p><\/div>\n<p style='color: black;'>&nbsp;Here is a tutorial that introduces you to Google Graphs API, or Google Chart Tools, and its Treemap Chart functionality.<\/p>\n<blockquote style='color: black;'><p>&nbsp;Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.<\/p><\/blockquote>\n<p style='color: black;'>&nbsp;Let&#8217;s see some  <a target=_blank title='click picture' href='http:\/\/www.rjmprogramming.com.au\/PHP\/TreemapChart\/treemap_chart.php'>PHP<\/a> code in live action for this tutorial where you define your Treemap chart characteristics and data.   Treemaps, as the name suggests, does not have to use the one layer of drilldown functionality (as long as you have predefined the Parent Concept of each Primary Concept you can keep building up data with more and more drilling down capabilities) &#8230; the incoming one does this with Global (representing Earth) as the Parent Concept of (Primary Concepts) Europe, Africa etcetera &#8230; if you immediately answer Cancel you can see this in action.<\/p>\n<p style='color: black;'>&nbsp;Link to Google Chart Tools &#8220;spiritual home&#8221; &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>via Google<\/a>.\n<\/p>\n<p style='color: black;'>&nbsp;Link to Google Chart Tools Treemap Chart information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/treemap' title='Google Treemap Charts'>via Google<\/a>.\n<\/p>\n<p style='color: black;'>&nbsp;Link to some downloadable PHP code &#8230; rename to <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/PHP\/TreemapChart\/treemap_chart.php_GETME' title='Download me'>treemap_chart.php<\/a>.\n<\/p>\n<\/p>\n<p><!--p style='color: green;'>&nbsp;Thanks to this <a target=_blank title='Photobucket link' href='http:\/\/media.photobucket.com\/user\/Aljon4ikk\/media\/animated-Treemaps.gif.html?filters[term]=animated%20Treemaps&filters[primary]=images&filters[secondary]=videos&sort=1&o=0'>Photobucket<\/a> link for the Treemaps.<\/p-->\n<p style='color: black;'>&nbsp;If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d7490' onclick='var dv=document.getElementById(\"d7490\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Google+Chart#content\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d7490' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<p><!--\/div--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;Here is a tutorial that introduces you to Google Graphs API, or Google Chart Tools, and its Treemap Chart functionality. &nbsp;Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascripthtml-google-chart-treemap-chart-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[513,519,563,576,652,932,997,1304,1319],"class_list":["post-7490","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-google","tag-google-charts","tag-hierachy","tag-html","tag-javascript","tag-php","tag-programming","tag-tree","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7490"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=7490"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7490\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=7490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=7490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=7490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}