Africa Map with Random Merged Countries

Guess the six random pairs of countries that been merged in the map below. The answers change every time you play.
Click the map to zoom
Some countries may have been merged multiple times!
Quiz by Stewart
Rate:
Last updated: June 11, 2020
First submittedJune 11, 2020
Times taken1,484
Rating4.64
Report this quizReport
1:30
Enter country here
0
 / 12 guessed
The quiz is paused. You have remaining.
Scoring
You scored / = %
This beats or equals % of test takers also scored 100%
The average score is
Your high score is
Your fastest time is
Keep scrolling down for answers and more stats ...
+7
Level 57
Jun 11, 2020
Ah, my favourite country, the Democratic Central African Republic of South Ethiopia Sudan.
+11
Level 68
Jun 11, 2020
I'll make sure to add DCARSES as a typein!
+2
Level 35
Jun 11, 2020
Very nice quizz! A bit easy, but interesting! Nominated!
+1
Level 70
Jun 11, 2020
I wonder if Mauriccotanialicarawique will ever appear here lol
+1
Level 72
Jun 11, 2020
Sadly not, since that would require portions of countries to be merged, but not the entire thing. Great quiz as always, by the way, Stewart
+1
Level 48
Jun 11, 2020
Hi Stewart, I'm looking for a bit of help on randomized maps. I can't figure out how to make random groups of things light up/ do stuff. I want to make a randomized version of this quiz.
+1
Level 68
Jun 11, 2020
Okay, so to do this requires some light CSS work. I'll briefly explain and then any points your stuck on feel free to ask for more help :)

  1. First off, everything you want to be hidden by default needs a common class so we can use CSS to reference them all at once. For what you're doing, it seems "country" might be suitable since it's already there.
  2. Second, use the CSS ".country{opacity:0}" to hide all countries by default. Just add this inside <style> tags to implement it.
  3. Thirdly, use "random-svg-highlight" to show the countries again. The CSS for this is ".svg-holder .random-svg-highlight{fill:#ffff80;opacity:1}". This will override the first one and make any selected groups show up.
I think the countries after that should light up on their own, provided you've placed an appropriate id or class associated with each path in Step 2.

Let me know if you need elaboration anywhere :)

+1
Level 48
Jun 12, 2020
Maybe a bit more help on step one...
+1
Level 68
Jun 12, 2020
So, every path in an SVG can have a unique ID, but can also have classes under the attribute "class". You will notice this in the JetPunk world map, as every country will have the class "country border", indicating it has both the class "country" and the class "border" (classes are space-separated). Now, classes are great because they're not unique to a specific path like IDs, this means many paths can have the same class.

For you, you want all the countries to be hidden, and only the countries that are randomly selected to show up, right? So to do this, we need every path (in this case country) to have a class which is the same, so that we can use CSS to hide them all at the start. It would normally be easier to just select everything in Inkscape and set to opacity 0, however JetPunk's minifier for SVGs automatically removes any paths with opacity 0, so that won't help us.

My suggestion of using the "country" class was if you were using the JetPunk map.

+1
Level 48
Jun 12, 2020
When I put a country under the "country" class, it removes it's borders.
+1
Level 48
Jun 12, 2020
Also, is there an easy way to change all country classes at the same time?
+1
Level 68
Jun 12, 2020
To the first point, a country / path can have multiple classes, these are space separated. So it's likely you removed a class (probably "border") that was colouring the borders themselves. If they don't already have "country" in the classes, then you just need to add " country" to the end to give them the country class.

To your second point, unfortunately no not easily. You can do it with some PHP and a script, but I sense you're not a programmer so manually changing them will be easiest. :)

Feel free to keep firing away any more questions :)

+1
Level 48
Jun 12, 2020
By my logic, (which isn't necessarily right) if I have every country under the same class, then when I make Jetpunk light up random countries under that class, won't they just be random countries on an empty world map? (Not random groups of countries.)
+1
Level 48
Jun 12, 2020
Also, thanks for this help!
+1
Level 68
Jun 12, 2020
Oh okay, so it seems your issue is not the SVG part but the Random Group part. So what you need to do is go to "More Options" in Step 1, and change your quiz from Random to "Random Group", then set the group size and total number of answers you want to be shown.

Then, you need to organise your groups in Step 2. The editor will show you the boundaries of each group, and you just need to put in groups of countries. It might be easiest to do this in a spreadsheet to maximise your number of groups (to give a large enough pool). Essentially you need to hard-code the groups themselves into Step 2, there's no way to tell the randomizer to pick "groups of countries" other than to group them manually and use "random group".

+1
Level 48
Jun 12, 2020
How did I not see that. I feel so dumb. Oh boy...
+1
Level 68
Jun 12, 2020
No problem at all :P Glad we got it worked out in the end!
+1
Level 48
Jun 16, 2020
Still having problems, in step 2, do I set all classes to "country" and then change them to country in inkscape?
+1
Level 68
Jun 16, 2020
Oh no, if you do that in Step 2 then any answer would light up every single country. What you want in Step 2 is the unique ID of each country in the SVG, the class "country" is simply a common class among them all so you can easily hide them when they're not part of the answers of a particular selection.
+1
Level 48
Jun 16, 2020
Ok, when I put in .svg-holder .random-svg-highlight{fill:#ffff80;opacity:1 it doesn't seem to light anything up, it just stays blue.
+1
Level 68
Jun 16, 2020
do you mind posting the link to the editor page for the quiz so I can see what you've done? Would be easier to see what's going wrong :P
+1
Level 68
Jun 16, 2020
Okay I see the issues. Firstly, the whole style tag is being ignored because you have a <style> inside another one. All CSS should be inside a single <style and enclosing </style>. Furthermore, you don't have an enclosing brace on the second selector, meaning that part is not going to work either. Doing those two things should fix your problem!
+1
Level 48
Jun 16, 2020
Now I can't get into the quiz to edit it.
+1
Level 68
Jun 16, 2020
oh you can remove collaboration, I don't need it to access it (since I have Admin privileges still)
+1
Level 48
Jun 17, 2020
Is it possible to add an extra caveat?
+1
Level 68
Jun 17, 2020
Not without copying a quiz with 4 caveats already. You could always add the extra one at the end of the description or combine two of your other caveats, that would be my suggestion! :)
+1
Level 48
Jun 17, 2020
Sometimes Armenia is just appearing as a blob, not as a distinctive shape. Any help with that?
+1
Level 68
Jun 17, 2020
That's an issue with the current world map, it happens with Nepal, Bhutan and North Macedonia too. If you wait a couple days (at most, it may even by tonight), I have a site update coming out that will fix this. Should solve your problem easily (it'll be obvious what to do when the update is live). I'll have a blogpost out when the update is live, so you'll know when!
+1
Level 48
Jun 17, 2020
Ok, I can wait!
+1
Level 48
Jun 18, 2020
I finally finished Stewart, please try it and tell me what you think!Quiz.
+1
Level 68
Jun 18, 2020
Wow! I absolutely love it :)
+1
Level 48
Jun 18, 2020
Thanks! I used the class "border" instead of country to hide the lakes as well. I also used the class "light-water" to hide the light water around islands.
+1
Level 46
Nov 8, 2020
mauritania + mali = malitania
+1
Level 46
Nov 10, 2020
sudan got pretty big sudan + chad + niger + south sudan
+1
Level 29
Jan 1, 2021
Ah yes, my favourite country ‘Moralgegypibyudan!’