Simulateur de coût : voiture thermique vs voiture électrique

Introduction

Simulateur Voiture Électrique ou Thermique est un outil interactif et gratuit qui répond à une question que beaucoup d'acheteurs se posent sans jamais la chiffrer précisément : combien coûte vraiment chaque motorisation, et au bout de combien de temps le surcoût à l'achat d'une électrique est-il absorbé ?

Le calcul se fait entièrement dans le navigateur : aucune donnée saisie (prix d'achat, kilométrage, tarifs) n'est transmise à un serveur.

Le simulateur est pré-rempli avec des valeurs de démonstration réalistes (France 2026, recharge majoritairement à domicile) : une Tesla Model 3 Propulsion (14,4 kWh/100 km) face à une Peugeot 508 PureTech 130 (6,3 L/100 km), toutes les valeurs restant modifiables.

Retrouver ici le simulateur de coût voiture électrique vs voiture thermique.

Fonctionnalités clés

1. Simulation d'usage

Prix au kilomètre : calcule le coût aux 100 km de chaque motorisation à partir de la consommation et du prix de l'énergie, avec un prix du kWh électrique pondéré entre recharge à domicile et recharge sur borne rapide.
Comparaison par palier de kilométrage : tableau et graphique de l'écart de coût annuel pour toutes les distances, de 5 000 à 40 000 km/an, pour les usagers qui ne connaissent pas leur kilométrage exact.
Verdict synthétique : écart annuel affiché en euros, en faveur de l'électrique ou du thermique selon les valeurs saisies.

2. Coût global & rentabilité

Coût total de possession sur 15 ans : achat (aides déduites), installation de la borne, énergie, entretien et assurance, cumulés année après année pour les deux motorisations.
Point d'inversion de rentabilité : résolution analytique du moment où le surcoût initial de l'électrique est absorbé par ses économies d'usage, avec gestion explicite de tous les cas (rentable dès l'achat, jamais rentable, avantage qui s'érode dans le temps).
Tableau et graphique année par année, avec mise en évidence de l'année où la courbe électrique croise la courbe thermique.

3. Formulaire partagé entre les deux onglets

Un seul jeu de données : consommations, prix de l'énergie et kilométrage annuel saisis dans l'onglet « Simulation d'usage » sont automatiquement réutilisés dans l'onglet « Coût global & rentabilité ».
État conservé au changement d'onglet : chaque panneau garde ses graphiques et calculs à jour sans recalcul ni perte de saisie.
Réinitialisation en un clic vers les valeurs de démonstration.

4. Confidentialité

Calcul intégral côté navigateur : aucune donnée saisie n'est envoyée ni stockée sur un serveur.

Architecture

Le contrôleur Symfony rend côté serveur le contenu indexable en Twig (hero, contexte tarifaire, FAQ). Le simulateur lui-même est un composant Vue (Composition API), monté dans cette page via Symfony UX Vue. Le formulaire est un objet réactif partagé entre les deux panneaux via provide/inject, et le changement d'onglet utilise v-show plutôt que v-if pour que chaque panneau conserve son état. Tout le calcul s'exécute côté client : le backend se limite à servir la coquille de la page et son contenu SEO.

Stack technique

Frontend

Vue monté via Symfony UX Vue, formulaire réactif partagé par provide/inject
Chart.js pour les courbes de coût cumulé et de coût par palier de kilométrage
Palette de graphique pensée accessibilité : couleurs distinctes électrique/thermique, doublées d'un encodage par forme de point et de trait (pointillés) pour rester lisibles en cas de daltonisme, plus des étiquettes directes en fin de courbe
Thème jour/nuit réactif via MutationObserver sur l'attribut data-theme

Backend

Symfony
Rendu Twig serveur pour le contenu indexable (hero, contexte tarifaire, FAQ)

SEO & outillage

JSON-LD (WebApplication, BreadcrumbList, FAQPage)
Meta description dédiée, entrée sitemap
Maillage interne vers l'article « Un mois en Tesla Model 3 : confessions d'un petrolhead passé à l'électrique »

Défis techniques relevés

Résolution analytique du point d'inversion : plutôt qu'une recherche itérative, le point où coût fixe électrique + coût annuel électrique × t = coût fixe thermique + coût annuel thermique × t est résolu directement, avec quatre cas de figure distincts selon le signe du surcoût initial et celui de l'écart de coût annuel (rentable dès l'achat, rentable après N années, avantage qui s'érode, jamais rentable).
Accessibilité des graphiques : au-delà de la couleur, chaque série est distinguée par un style de trait (plein/pointillé) et une forme de point (cercle/carré pivoté), avec un libellé directement affiché en fin de courbe en complément de la légende.
État partagé sans perte : le même formulaire alimente deux jeux de calculs différents (coût d'usage, coût total de possession) sans duplication de saisie, et le changement d'onglet ne réinitialise ni les graphiques ni les valeurs.
Maillage interne pensé pour le SEO : lien du simulateur vers l'article associé (contexte et retour d'expérience) et lien retour de l'article vers le simulateur, pour renforcer les deux pages mutuellement.

Conclusion

Simulateur Voiture Électrique ou Thermique transforme une question d'achat en calcul chiffré, du coût au kilomètre au point d'inversion de rentabilité sur 15 ans, sans jamais faire transiter les données de l'utilisateur par un serveur. Le contenu reste indexable grâce au rendu Twig et aux données structurées, pendant que l'interaction se passe entièrement côté client en Vue 3.