{"id":61653,"date":"2023-11-17T03:01:06","date_gmt":"2023-11-16T17:01:06","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=61653"},"modified":"2024-12-17T11:56:55","modified_gmt":"2024-12-17T01:56:55","slug":"google-chart-image-chart-map-chart-quiz-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-quiz-tutorial\/","title":{"rendered":"Google Chart Image Chart Map Chart Quiz Tutorial"},"content":{"rendered":"
\"Google<\/a>

Google Chart Image Chart Map Chart Quiz Tutorial<\/p><\/div>\n

There is an expression so apt for today’s situation. But we hate it, so … no … we’ll say instead …<\/p>\n

\nOur fault mainly<\/font>, not Google’s fault only<\/font>\n<\/p><\/blockquote>\n

… regarding yesterday’s …<\/p>\n

\n

However, this last one both needs more “wading through data” and “consideration” because it seems to be at Google Charts that not even the national boundary is shown when this regional data is not recognized.<\/p>\n<\/blockquote>\n

We discovered today, that fallback colours directed towards an overall country code at the end of the URL regional colour entry list, is the way around some<\/i> of the issue, that some<\/i> meaning now we can get a country boundary showing, but still, for some countries, Google Charts<\/a>, with its Image Chart<\/a> Map Chart, will not show regional boundaries as you might see defined at Wikipedia<\/a> for some ISO 3166-2 regional codes they have recorded.<\/p>\n

So, what’s that got to do with quizzes? Well, the quiz got us interested in these colour mappings, and discovering how those mappings worked led us to this discovery. We hope colour blind people don’t suffer because our Country Regional Quiz functionality could easily be called …<\/p>\n

\nName the Red Region Quiz\n<\/p><\/blockquote>\n

Yes, if the user chooses the new “Quiz” input submit button modus operandi we arrange …<\/p>\n

    \n
  • to leave out any legends<\/li>\n
  • randomly pick a region which is coloured red … and now blue represents unaccounted for country parts not assigned a region and green represents the rest of the world and the oceans are as they ever were<\/font> … and …<\/li>\n
  • after a while we ask the user for their guess as to what this red region’s name is<\/li>\n<\/ul>\n

    Good ol’ “colour coding”! What did we do when the world was not colourful<\/a>? Oops … [expression we hate, again<\/a>, fits here] …<\/font> my mistake. We wouldn’t have been around. But we digress.<\/p>\n

    Simple premise, building on yesterday’s Google Chart Image Chart Map Chart Context Tutorial<\/a>, but surprisingly involved in our changed<\/a> third draft image_chart.php<\/a> PHP web application<\/a> for you to try, below, perhaps<\/a> …<\/p>\n

    \n

    \n

    Previous relevant Google Chart Image Chart Map Chart Context Tutorial<\/a> is shown below.<\/p>\n

    \"Google<\/a>

    Google Chart Image Chart Map Chart Context Tutorial<\/p><\/div>\n

    Onto yesterday’s Google Chart Image Chart Map Chart Primer Tutorial<\/a> start with Google Charts<\/a> Image Chart<\/a> Map Chart interfacing, today we’ve come at it from two sub<\/sub>categories relating to fallback positions and “context” …<\/p>\n

      \n
    • add Geo Chart<\/a> and Map Chart<\/a> optionally viewed details\/summary iframes<\/sub> showing country TimeZone position data<\/li>\n
    • add a mechanism that if we can determine a country’s ideal range of latitude,longitude “box” view, as we found GADM<\/a> could help us with, thanks, we can flag that<\/font> …
      \n
      \n $ourtzlist=\" ...<\/font><option value=\\\"Asia\/Shanghai\\\" title=\\\"17,82,55,133\\\" <\/font>data-geo=\\\"31.23333,121.46666,CST,CN,+8\\\">Asia\/Shanghai<\/option><option value=\\\"Asia\/Singapore\\\" data-geo=\\\"1.28333,103.85,+08,SG,+8\\\">Asia\/Singapore<\/option> ...\";<\/font>
      \n<\/code>
      \n … in the data<\/li>\n<\/ul>\n

      However, this last one both needs more “wading through data” and “consideration” because it seems to be at Google Charts that not even the national boundary is shown when this regional data is not recognized.<\/p>\n

      The first one, though, is useful in our changed<\/a> second draft image_chart.php<\/a> PHP web application<\/a> for you to try, below, perhaps<\/a> …<\/p>\n

      \n

      \n

      Previous relevant Google Chart Image Chart Map Chart Primer Tutorial<\/a> is shown below.<\/p>\n

      \"Google<\/a>

      Google Chart Image Chart Map Chart Primer Tutorial<\/p><\/div>\n

      We hope today’s work does not confuse terms, because we’re exploring a new area of Google Charts<\/a> functionality today they refer to as …<\/p>\n

        \n
      • Google Charts Image Charts<\/a> … and you’ll see there lots of suboptions we’ll explain a bit more about later, and all this is separate functionality to …<\/li>\n
      • Google Charts Map Chart<\/a> … and …<\/li>\n
      • Google Charts Geo Chart<\/a><\/li>\n<\/ul>\n

        … and, as of today, we interface to all three categories of Google Charts above, with three separate PHP web applications.<\/p>\n

        So, what’s the potential confusion? Well, we start out today interfacing to an Image Chart suboption called “Map Chart”, but not the one above, because its look is more in keeping with what the “Geo Chart” above achieves. We’ve written a web application, here, to show regional places within a country (via its 2 letter code) if this has been catered for by Google Charts, and for the most part, that is the case.<\/p>\n

        And so, on the same theme as yesterday’s Google Chart Geo Chart Zoom In Quiz Translate Tutorial<\/a>, and thanks to Wikipedia<\/a> for regional code lookups, we would welcome you to try out our “proof of concept” first draft image_chart.php<\/a> PHP web application<\/a> for you to try, below, perhaps …<\/p>\n