Skip to content

Add Autosphere equipment inventory dashboards and data#1

Open
ClementEasyCS wants to merge 13 commits into
mainfrom
claude/edit-paste-page-FA2kh
Open

Add Autosphere equipment inventory dashboards and data#1
ClementEasyCS wants to merge 13 commits into
mainfrom
claude/edit-paste-page-FA2kh

Conversation

@ClementEasyCS

Copy link
Copy Markdown
Owner

Summary

This PR adds a comprehensive set of interactive dashboards and data files for visualizing Autosphere equipment inventory and fleet information as of May 2026.

Key Changes

  • Data file: Added equipements_autosphere_corrige.csv containing corrected equipment inventory data
  • Dashboard pages: Created multiple HTML dashboard variants:
    • parc_autosphere.html - Main fleet/equipment park dashboard with interactive visualizations
    • parc_autosphere_v2.html and parc_autosphere_v3.html - Alternative versions of the fleet dashboard
    • dashboard_v2.html - Secondary dashboard interface
    • equip_auto_v2.html and equip_auto_abidjan.html - Equipment-specific dashboards with regional focus

Implementation Details

  • Dashboards are built with HTML5, CSS3, and Chart.js for interactive data visualization
  • Responsive design with custom animations (fade-in, scale, shimmer effects)
  • Modern typography using Poppins and Exo 2 fonts from Google Fonts
  • Gradient backgrounds and animated visual elements for enhanced UX
  • Multiple dashboard versions suggest iterative design refinement and A/B testing capabilities
  • Regional variant (Abidjan) indicates multi-location inventory tracking support

https://claude.ai/code/session_01K2gcxxqn7kxd6Vgy5rXrky

ClementEasyCS and others added 13 commits May 13, 2026 14:29
…projetés inline

Remplace D3.js + TopoJSON CDN + world-atlas fetch par des paths SVG statiques
pré-projetés (geoMercator scale=700, center=[0,9]) pour les 12 pays d'Afrique
de l'Ouest. Supprime la dépendance réseau qui bloquait le rendu dans les
iframes sandboxées (CSP). La carte, le tooltip et le filtre par pays
fonctionnent désormais sans aucune connexion externe.
…te d'Ivoire')

Trois occurrences de "'🇨🇮 Côte d'Ivoire'" en label de Chart.js cassaient le
parser JS dès le chargement, ce qui empêchait l'exécution complète du script
(carte SVG, compteurs animés, graphiques, modal). Remplacement par des
guillemets doubles. node --check confirme la syntaxe valide.
…teurs)

Refonte complète intégrant 4 fichiers sources avec dédoublonnage :
- 🇳🇬 Nigeria : 10 143 acteurs (8 segments)
- 🇬🇭 Ghana  : 4 590  acteurs (16 segments)
- 🇨🇮 CI     : 3 363  acteurs (F1+F2 fusionnés, 258 doublons supprimés)
- 🇸🇳 Sénégal: 3 153  acteurs (16 segments)

Nouveautés vs v2 :
- 16 catégories unifiées (concessionnaires, ateliers, BTP, transport, etc.)
- Carte interactive 4 pays colorés (heatmap orange)
- Comparatif 4 pays avec graphique
- Tabs Villes/Top acteurs par pays
- Distribution des notes Google par pays
- Annuaire avec filtre pays + recherche globale (21 249 entrées)
- 100% offline (paths SVG inline, Chart.js + Poppins CDN)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants