{"id":7727,"date":"2014-05-14T05:01:08","date_gmt":"2014-05-13T19:01:08","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=7727"},"modified":"2014-05-14T05:01:08","modified_gmt":"2014-05-13T19:01:08","slug":"survey-related-topic-or-poll-sankey-diagram-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/survey-related-topic-or-poll-sankey-diagram-primer-tutorial\/","title":{"rendered":"Survey Related Topic or Poll Sankey Diagram Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/surveyrelatedtopic_sankey.html\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Survey Related Topic or Poll Sankey Diagram Primer Tutorial (try twirling around bottom of image for a synopsis ... 'do the twirl now')\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/SurveyRelatedTopic_Poll.jpg\" title=\"Survey Related Topic or Poll Sankey Diagram Primer Tutorial \" id='xxciimgptfb' onmouseover=\"var xqw=this.src; if (xqw.indexOf('jpg') != -1) { this.src = 'http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/SurveyRelatedTopic_Poll.png'; } else { this.src = 'http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/SurveyRelatedTopic_Poll.jpg'; } \" \/><\/a><p class=\"wp-caption-text\">Survey Related Topic or Poll Sankey Diagram Primer Tutorial (try twirling round bottom of image for a synopsis ... 'do the twirl now')<\/p><\/div>\n<p>Continuing on (very closely to <a target=_blank title='13\/05\/2014' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?m=20140513'>yesterday<\/a>&#8216;s <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/histogram' title='Histogram Chart information from Google'>Histogram<\/a> method) with ideas for Google Charts software integration, today, by <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=6226' title='Google Sankey Diagram Chart tutorial'>adding<\/a> a Google <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/sankey' title='Sankey Diagram Chart information from Google'>Sankey Diagram Chart<\/a>, we create a webpage application that asks for numerical findings, and creates a &#8220;Moving&#8221; Sankey Diagram (sort of like the <a target=_blank title='Moving Average information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/Moving_average'>Moving Average<\/a> algorithm thought patterns) of some survey topic or poll, where two items of interest have an identical relationship (value) that is the same no matter whose viewpoint you use.<\/p>\n<p>A cute bit of functionality with this pretty simple webpage application idea is the way you can, optionally, create your own dropdown list if your Poll or Survey Topic has a set number of numerical option choices. You can delete a previous mistaken entry with a red cross link, and you may need this should you accidentally create a cyclic relationship, which causes an error when you update your Sankey Diagram (you can use the red cross link to fix this, and then re-enter data).<\/p>\n<p>Here is a link to downloadable HTML\/Javascript programming source code you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/surveyrelatedtopic_sankey.html_GETME\" title=\"surveyrelatedtopic_sankey.html\">surveyrelatedtopic_sankey.html<\/a> and if you prefer, try the <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/surveyrelatedtopic_sankey.html\" title=\"Live Run\">live run<\/a>. The data of the picture of the tutorial (example relates to some attendances at MCG games in 2014 &#8230; thanks for the data ideas goes to this <a target=_blank href='http:\/\/www.mcg.org.au\/~\/media\/Files\/AFL%20Attendances.pdf' title='MCG Attendances for 2014 data ... thanks'>link<\/a>) can be recreated via this <a target=_blank title='Recreation of MCG Attendance (2014) data' href='http:\/\/www.rjmprogramming.com.au\/PHP\/SankeyDiagram\/sankey_diagram.php?label=From,To&#038;title=MCG%20Attendances%20-%202014%20AFL%20Season&#038;value=Attendances%20-%202014%20AFL%20Season&#038;data=%20[~Richmond%27,%27Carlton~,62037],%20[~Melbourne%27,%27West%20Coast%20Eagles~,22230],%20[~Hawthorn%27,%27Fremantle~,43583],%20[~Collingwood%27,%27Geelong%20Cats~,63152],%20[~Essendon%27,%27Carlton~,62730],%20[~Richmond%27,%27Collingwood~,62100],%20[~Carlton%27,%27Melbourne~,37323],%20[~Collingwood%27,%27North%20Melbourne~,57116],%20[~Melbourne%27,%27Gold%20Coast%20Suns~,17243],%20[~Geelong%20Cats%27,%27Hawthorn~,80222],%20[~Collingwood%27,%27Essendon~,91731],%20[~Melbourne%27,%27Sydney%20Swans~,24855],%20[~Richmond%27,%27Hawthorn~,52990],%20[~Collingwood%27,%27Carlton~,68251]'>link<\/a>.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d7727' onclick='var dv=document.getElementById(\"d7727\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=google-chart\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d7727' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Continuing on (very closely to yesterday&#8216;s Histogram method) with ideas for Google Charts software integration, today, by adding a Google Sankey Diagram Chart, we create a webpage application that asks for numerical findings, and creates a &#8220;Moving&#8221; Sankey Diagram (sort &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/survey-related-topic-or-poll-sankey-diagram-primer-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":[8,12,37],"tags":[292,513,518,576,652,997,1168,1319],"class_list":["post-7727","post","type-post","status-publish","format-standard","hentry","category-data-integration","category-elearning","category-tutorials","tag-data-integration-2","tag-google","tag-google-chart","tag-html","tag-javascript","tag-programming","tag-software-integration","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7727"}],"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=7727"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7727\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=7727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=7727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=7727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}