Vendre et promouvoir · Promotions et lancements

Carte géographique animée avec tracés de flux et trajets

Animez des routes commerciales, des livraisons ou une expansion géographique avec des lignes lumineuses en pointillés sur une carte.

Intermédiaire Essayé le 28 octobre 2026

Le prompt à copier

Rôle

Tu es un ingénieur créatif expert en cartographie interactive et animations géospatiales de flux logistiques.

Contexte

Je veux illustrer l'empreinte territoriale ou les corridors d'échange de [nom de l'entreprise, réseau logistique ou projet]. Les villes ou nœuds à relier sont : [ville de départ, ex: Lomé, et villes d'arrivée: Cotonou, Accra, Ouagadougou, Abidjan]. Le style graphique est [carte sombre minimaliste avec routes lumineuses ou carte épurée claire].

Tâche

Crée le code complet et autonome (HTML, SVG et CSS avec JavaScript) d'une carte vectorielle stylisée. Les villes s'illuminent d'abord comme des points d'intérêt avec un cercle d'onde radar pulsant (pulse radar effect). Puis, des courbes de flux en arcs de cercle lumineux se tracent progressivement entre la ville de départ et chaque destination, avec une particule brillante qui se déplace en continu le long du trajet.

Format

Un fichier HTML autonome avec le tracé SVG des contours géographiques, les courbes de Bézier pour chaque flux et les styles d'animation sans dépendance à une clé API cartographique externe.

À remplacer avant de coller : [nom de l'entreprise, réseau logistique ou projet]

Pourquoi ça marche mieux

Demande vague

« dessine une carte avec des lignes qui bougent entre des villes »

L’IA doit deviner : réponse générale, ou questions en retour.

Avec R.C.T.F.

Rôle, contexte, tâche et format sont précisés : la réponse est utilisable presque telle quelle.

Exemple de résultat

Réponse obtenue avec Claude, Cursor, le 28 octobre 2026. Votre résultat sera différent : l’IA ne répond jamais deux fois pareil.

Architecture cinématique des flux cartographiques : - Nœud central (Hub) : point lumineux de 8px avec 2 cercles concentriques pulsants à intervalle de 1,5s (animation 'radar-ping'). - Tracés d'arcs de flux : chemins SVG <path d='M... Q...'> calculés avec un point de contrôle élevé pour créer une trajectoire parabolique élégante. - Animation du tracé : défilement continu par 'stroke-dasharray: 8 6' et 'stroke-dashoffset' animé en continu pour simuler le flux continu de données ou de marchandises. - Particule pilote : petit cercle de lumière qui parcourt le chemin de 0% à 100% avec lueur diffuse (filter: drop-shadow(0 0 6px cyan)). - Étiquettes des villes apparaissant dès que la particule atteint sa destination.

Pour améliorer la réponse, relancez

Ajoute un compteur du volume total transporté ou échangé s'incrémentant au fur et à mesure des arrivées.
Adapte la carte pour un pays spécifique (ex: Togo, Côte d'Ivoire, Sénégal ou région CEDEAO).

Conseil. Pour éviter un effet fouillis, courbez les lignes vers le haut (courbes de Bézier quadratiques) plutôt que de tracer des lignes droites directes : l'arc donne une sensation aérienne beaucoup plus lisible.

Essayé avec

Apprendre à écrire vos propres prompts

La formation gratuite « L’IA pour entrepreneurs » vous apprend la méthode R.C.T.F. en vidéo, avec des exercices et un quiz.

Suivre la formation gratuite