Coder des secteurs de cercle cliquables

Bonjour la communauté,

Je découvre progressivement le langage JS pour développer un site web à but éducatif.
Mes connaissances étant encore très limitées, j'aimerais un petit coup de main pour coder une de mes pages comme ci-dessous :
Pièce jointe 625712

Le but est que chaque secteur de cercle (chaque "part de pizza") soit cliquable et redirige vers une nouvelle page.
De plus, dans l'idéal, j'aimerais que chaque partie du dessin puisse se remplir suivant une progression définie par la réponse à un questionnaire.

L'un de vous serait-il en mesure de me présenter un tel code ou au moins de m'aiguiller ?! (Je ne suis même pas sûr que JavaScript soit la meilleure solution...)

Merci d'avance !

en html vous pouvez définir des zones sur une images. ces zone peuvent être dessinées avec gimp par exemple ou alors avec ce site :
https://imagemap.org/

à partir de ces zones, vous pourrez ensuite savoir si la zone est cliquée et changer son contenu.
pour le remplissage des zones, allez vous enregistrer les informations dans une base de données ou cela va seulement se passer dans la navigateur ?

Merci pour ces infos, je vais regarder ça de suite ;)

Pour les données, j'aimerais les récupérer sur un fichier (SQL ou PHP, je n'en suis pas encore là ^^)

Bonjour,

Citation:

---

L'un de vous serait-il en mesure de me présenter un tel code ou au moins de m'aiguiller ?!

---

une solution « presque » clé en main avec la bibliothèque ChartJS : Multi Series Pie, et il en existe d'autres.

Merci pour l'info, je vais essayer de me dépatouiller avec tout ça ! ;)