Application HTML pour créer des plans de réservation électrique. Aucune installation requise, ouvrir index.html dans un navigateur.
| Vue brute | Vue câblée |
|---|---|
![]() |
![]() |
Pour générer les screenshots : ouvrir l'application, importer
exemple_plan.json, puis capturer la vue brute et la vue câblée.
- Pièce (R) — rectangles avec nom et dimensions automatiques
- Mur (W) — tracé libre de murs
- Porte (D) — placement avec rotation (0°/90°/180°/270°) et inversion du sens d'ouverture
- Fenêtre (F) — tracé entre deux points
- Cotation (M) — lignes de mesure avec libellé en mètres
- Texte (T) — annotations libres (taille, couleur, rotation configurables)
24 symboles répartis en catégories :
- Prises : courant, double, RJ45, TV
- Interrupteurs : simple, va-et-vient, double, VMC, bouton poussoir
- Éclairage : plafonnier, applique, spot, réglette LED, détecteur de mouvement
- Distribution : tableau électrique (TGBT), disjoncteur, interrupteur différentiel
- Appareils : chauffe-eau, radiateur, VMC, volet roulant, sonnette
- Sécurité : détecteur de fumée, alarme
Chaque symbole est configurable : label, circuit, rotation, taille (slider de 15 à 80).
- Câble (C) — tracé multi-points (clic par clic, double-clic pour terminer)
- Attribution de circuit (C1, C2...) avec couleur automatique
- Types : général, éclairage, prises, force, réseau
- Vue brute — plan classique (murs, portes, symboles)
- Vue câblée — affiche les câbles avec la structure atténuée pour mettre en valeur le câblage
- Dessiner un rectangle de sélection en mode Sélection (V) pour sélectionner plusieurs éléments
- Déplacement groupé par glisser-déposer
- Suppression groupée avec la touche Suppr
- Zoom — molette souris ou boutons +/−
- Pan — Alt+clic ou clic molette
- Grille avec aimantation (snap) activable/désactivable
- Multi-étages — ajout libre, renommage par double-clic sur le bouton d'étage
- Export JSON — sauvegarde complète du plan (tous les étages, symboles, câbles)
- Import JSON — chargement d'un plan sauvegardé (rétrocompatible)
- Export PNG — capture du plan visible
Un fichier d'exemple est fourni : exemple_plan.json
Pour le tester : ouvrir l'application puis cliquer sur Importer JSON et sélectionner exemple_plan.json.
| ID | Nom | Catégorie |
|---|---|---|
prise |
Prise de courant | Prises |
prise_double |
Prise double | Prises |
prise_rj45 |
Prise RJ45 | Prises |
prise_tv |
Prise TV | Prises |
inter_simple |
Interrupteur simple | Interrupteurs |
inter_va_vient |
Va-et-vient | Interrupteurs |
inter_double |
Interrupteur double | Interrupteurs |
inter_vmc |
Interrupteur VMC | Interrupteurs |
bouton_poussoir |
Bouton poussoir | Interrupteurs |
plafonnier |
Plafonnier / Point lumineux | Éclairage |
applique |
Applique murale | Éclairage |
spot |
Spot encastré | Éclairage |
reglette |
Réglette / Bandeau LED | Éclairage |
detecteur |
Détecteur de mouvement | Éclairage |
tableau |
Tableau électrique (TGBT) | Distribution |
disjoncteur |
Disjoncteur | Distribution |
differentiel |
Interrupteur différentiel | Distribution |
chauffe_eau |
Chauffe-eau | Appareils |
radiateur |
Radiateur électrique | Appareils |
vmc |
VMC / Extraction | Appareils |
volet_roulant |
Volet roulant | Appareils |
sonnette |
Sonnette | Appareils |
detecteur_fumee |
Détecteur de fumée | Sécurité |
alarme |
Alarme / Sirène | Sécurité |
| Circuit | Couleur |
|---|---|
| C1 | Rouge #ff5252 |
| C2 | Orange #ff9800 |
| C3 | Jaune #ffeb3b |
| C4 | Vert #4caf50 |
| C5 | Bleu #2196f3 |
| C6 | Violet #9c27b0 |
| C7 | Cyan #00bcd4 |
| C8 | Rose #e91e63 |

