Making a "random sequential map" quiz

Submitted by paraszt on May 18, 2026
Hi,

I'm trying to make a random sequential map quiz. I've had a look through the guide but can't find answers to a few questions.

When setting the randomization mode to "random sequential" it hides everything on the map until guessed, how can I set the full map to be visible from the start?

I'm also struggling to get the quiz to visibly mark the area to be guessed (like in the random sequential Europe capitals" quiz.

Could someone point me in the right direction, please?

Thanks in advance!

9 Comments
+1
Level 73
May 19, 2026
Could you collaborate the quiz with me please?

I will see what needs to be done and will inform you about what I did.

+1
Level 23
May 19, 2026
Sorry, I just realised you said collaborate. I misread it as elaborate.

I just added you as a collaborator on the quiz.

+1
Level 23
May 19, 2026
Sure, but I'd like to learn how to make it myself, so if you figure it out please share how :)

There are random sequential capital cities on a map quizzes for Europe, Africa, Asian and US states. I'd like to make one for North America and South America.

+1
Level 73
May 19, 2026
I will fully tell you after the fact, it is a bit difficult for me to know the problem if I can't see the SVG and settings.

Maybe the 'Yellow Box' setting is turned off?

+2
Level 73
May 19, 2026
Ok, I fixed what you were talking about, I think. Also don't worry about misunderstanding, it happens to the best of us :)

I fixed it through adding classes (so like zoomable-circle, which tells the site to make the circle smaller when zoomed on) and then linking them to code (which you can see in the description). The countries and ocean were given full opacity, meaning they are completely visible, and the cities should highlight properly now.

Is there anything you would like me to alter or explain?

+2
Level 23
May 19, 2026
Awesome, thank-you so much!

I didn't realize this could be done via adding CSS to the description, nifty!

I modified the color of the highlighted city (it seems like black is the correct color for random highlights). Everything else looks great!

I'm new to making quizzes, and this is my first map one, so I need some practice :)

I'll submit this one and hopefully people like it!

+1
Level 73
May 19, 2026
This is a very good first map quiz!

Glad I could help make it possible.

+1
Level 23
May 19, 2026
I forgot to ask, when you added the classes (e.g. zoomable-circle) is this done to the SVG? Is there a good guide to working with SVGs for jetpunk?

I'm trying to do the same type of quiz for Oceania atm, and maybe I'll do a world one too.

+2
Level 73
May 19, 2026
Yes, the classes are added to the SVG itself, and this is the official JetPunk SVG Guide