utiliser ce fichier excel pour integrer les donnes dans le tb :Numéro du formulaire Enquêteur Numéro WhatsApp Wilaya Commune Nom du point de vaccinatio Localisation GPS du point _Localisation GPS du point_latitude _Localisation GPS du point_longitude _Localisation GPS du point_altitude _Localisation GPS du point_precision Population approximative Nombre d'enfants en âge de vaccination Nombre d'enfants (zéro dose) Source d'énergie de l'unité Avez-vous le calendrier vaccinal ? Quels indicateurs de vaccination connaissez-vous ? Quels sont les principaux défis que vous rencontrez ? Quelles sont vos propositions de solutions ? _Localisation GPS du point_latitude_corrigee _Localisation GPS du point_longitude_corrigee

1 محمد الشيخ حمادي 20830384 Hodh El Chargui Beribavar القاسمية 18.091472 -15.985392 0 0 18,091472 -15,985392 0 0 2000 60 60 Énergie solaire Non عدم تجاوب الأمهات مع مواعيد التلقيح عدم تنظيم الجرعات حيانا عدم توفر بديل للطاقة فحالة وجود خلل فني في المولد *التثقيف الصحي حول ضرورة التلقيح * حملات توعوية لضرورة التلقيح وتنظيم الجرعات والإلتزام بمواعد مقدم القدمة في الوقت المناسب 18,091472 -15,985392
1 الطالب ولد محمد 48386889 Hodh El Chargui Bangou .الاجواد 18.091227 -15.988698 0 0 18,091227 -15,988698 0 0 2700 70 70 Énergie solaire Non اهم مشاكل التلقيح التي تعاني منها: عدم تجاوب الأمهات مع مواعيد التلقيح عدم تنظيم الجرعات أحيانا عدم توفر بديل للطاقة في حالة وجود خلل فني في المولد التثقيف الصحي حول ضرورة التلقيح حملات توعوية لضرورة التلقيح وتنظيم الجرعات والإلتزام بمواعد مقدم الخدمة في الوقت المناسب 18,091227 -15,988698
1 Ba Issa Moussa 30 49 62 12 Hodh El Chargui Beribavar Beribava 18.090534 -15.988827 0 0 18,090534 -15,988827 0 0 2000 150 20 Énergie solaire Oui Couverture vaccinale Taux Abandon Taux de perte Retard des enfants à leur dose Pert de la carte vaccination Sensibilisation sur importance de ne pas tarder la dose vaccinale Et de la carte vaccination 18,090534 -15,988827
1 الشيخ / سيدأحمد 20099692 Hodh El Chargui Néma Nema 18.09086 -15.985048 0 0 18,09086 -15,985048 0 0 39015 0 15 Électricité Oui طفل مكتمل اللقاح عدم تنظيم مواعيد التلقيح ، أنقطاع الكهرباء ،عدم وجود بديل للكهرباء في حالة الانقطاع - توعية الأمهات بضرورة الإلتزام بمواعيد التلقيح ، توفير مخزن كهربائي للإحتياط 18,09086 -15,985048
1 علي وزان ميصاره 48983333 Hodh El Chargui Beribavar السليمانية 18.092084 -15.988956 0 0 18,092084 -15,988956 0 0 940 25 25 Énergie solaire Non عدم تجاوب الأمهات مع مواعيد التلقيح عدم تنظيم الجرعات حيانا عدم توفر بديل للطاقة فحالة وجود خلل فني في المولد التثقيف الصحي حول ضرورة التلقيح حملات توعوية لضرورة التلقيح وتنظيم الجرعات والإلتزام بمواعد مقدم القدمة في الوقت المناسب 18,092084 -15,988956
1 Ahmed Haide 44479100 Hodh El Chargui Ghlig Ehel Beye Ghlig ehel beye 16.008531 -8.796833 0 4199.9990234375 16,008531 -8,796833 0 4199,999023 806 29 6 Énergie solaire Oui Taux de couverture vaccinale et taux de complétude vaccinale Les ruptures Décentralisation des stocks de la vaccination dans les Moughataa 16,008531 -8,796833
1 Mohamed Souleimane elemine 27118586 Hodh El Chargui Bassikounou Hbib sid’ahmed 15.866728 -5.952468 15.866728 0 15,866728 -5,952468 15,866728 0 204000 9180 0 Électricité Oui Tous les indicateurs Problème des outils Forme les icps sur l’utilisation des outils 15,866728 -5,952468
1 Déh Ainine Allen'dide 26010443 Hodh El Chargui Ghlig Ehel Beye Poste de santé zegnoun 16.004008 -8.522187 278.4 5.099999904632568 16,004008 -8,522187 278,4 5,099999905 1137 50 12 Énergie solaire Oui Les indicateurs de vaccination 1 taux de couverture vaccination par antigene 2 taux de d'abandon 3 taux de perte de vaccins 4 taux de disponibilité des vaccins 5 taux de complétude des rapports 6 taux de promptitude des rapports L'absence d'une chaîne de froid homologue Existence d'une chaîne de froid homologue 16,004008 -8,522187
1 محمد الامين المحفوط 22618223 Hodh El Chargui Ksar El Barka كصر البركة 15.733826 -8.790646 0 1700 15,733826 -8,790646 0 1700 5040 1200 100 Énergie solaire Oui 33 عدم الوعي دمج مادة التثقيف الصحي في التمدرس للمساعدة في التوعية الصحية 15,733826 -8,790646
1 Med Mokhtar El Mamy 48040504 Hodh El Chargui Ghlig Ehel Beye Bouleklal 9.2 14.5 11000 8000 9,2 14,5 11000 8000 1850 65 4 Énergie solaire Oui Taux de couverture vaccinale par antigène . Taux de d’abandon.Taux de perte de vaccins. Taux de disponibilité des vaccins. Taux complétude des vaccins. Taux promptitude des rapports Manque de formation Formation des personnels 9,2 14,5
01 Ahmedou Mohamed 28669929 Hodh El Chargui Feirenni Oumnour 16.623975 -7.265648 285.4 14.699999809265137 16,623975 -7,265648 285,4 14,69999981 3200 108 0 Énergie solaire Oui 1-Taux de couverture vaccinale 2- taux de perte 3- taux disponibilité 4- taux d approvisionnement 5- taux des abondons 6- taux d amplitude des rapport 7- taux de promptitude des rapport Frigtag ne pas en qualité Disponibilité des frigtag en qualité ; les vaccin lyophylisé en dose unique si possible 16,623975 -7,265648
1 الطالب جد محمد الامين 36060602 Hodh El Chargui Feirenni فيرني 15.565022 8.912427 241 2 15,565022 8,912427 241 2 4917 172 186 Énergie solaire Oui سلسلة التبريد جهاز متابعه سلسلة التبريد عدم توفير التلقيح بشكل كافي تغير جهاز متابعه سلسلة التبريد 15,565022 8,912427
1 أحمد خيري 20808608 Hodh El Chargui Amourj تندي 15.67 -7.539 0 0 15,67 -7,539 0 0 3180 240 6 Énergie solaire Oui هي مؤشرات يقاس بها مدى فاعلية التلقيح ومدى تأثره بالعوامل الخارجية بعد المسافة من نقطة التزويد للنقطة الصحية توفير وسيلة لنقل اللقاحات بشكل آمن وسريع 15,67 -7,539
2 سالم ابراهيم 41427101 Hodh El Chargui Bougadoum بوكادوم 15.86652 -7.36689 0 0 15,86652 -7,36689 0 0 1438 50 5 Énergie solaire Oui Rr Penta Vpo vpi BCG عدم التكوين تكوين العاملين في مجال التلقيح 15,86652 -7,36689
3 سلمان حمادي 27818284 Hodh El Chargui Bougadoum المبدوعة 2 15.77143 -7.40771 0 0 15,77143 -7,40771 0 0 3200 220 70 Énergie solaire Oui قرص مراقبة الحرارة PCV مؤشرالتاريخ قبل وبعد الاستعمال عدم توفر اللقاح بسبب النقل توفير وسيلة نقل اللقاحات إلى النقاط الصحية 15,77143 -7,40771
4 شيخنا الطاهر 22472035 Hodh El Chargui Amourj أم اعشيش 15.782 -7.67699 0 0 15,782 -7,67699 0 0 2077 200 79 Énergie solaire Oui BCG. Polio. Rota. Pneumo…. عدم التكوين عدم توفير المعدات اللوجيستية (بطاقات التلقيح سجل دفتر الطلبية توفير المعدات للمركز الصحي بام اعشيش ثلاجات احتياطيّة زيادة الألواح الشمسية 15,782 -7,67699
5 Pathé samba ba 48390051 Hodh El Chargui Amourj Ain El veth 15.64392 -7.48228 0 0 15,64392 -7,48228 0 0 1425 150 50 Énergie solaire Oui BCG. RR. PENTA …. Cas perdu Commande Activation des activités communautaires 15,64392 -7,48228
6 سيدي محمد حمن 33361133 Hodh El Chargui Amourj لكدور 15.81 -7.506 0 0 15,81 -7,506 0 0 5155 300 195 Énergie solaire Oui BCG RR Rota Pneumo Polio ندره النقل بين النقطة الصحية و المقاطعة ارتفاع درجة الحرارة. توفير وسائل نقل خاصة للتلقيح إلى النقاط الصحية توفير ثلاجات احتياطية ذات جودة عاليه 15,81 -7,506
7 أمبيريك الخير 47777701 Hodh El Chargui Amourj جيكي 15.53116 -7.31239 0 0 15,53116 -7,31239 0 0 2700 102 95 Énergie solaire Oui مؤشر الحرارة اي قرص مراقبة الحرارة PCV مؤشر التجمد مؤشر الرطوبة مؤشر التاريخ قبل وبعد الاستعمال انقطاع التلقيح توفير الكمية الكافية من اللقاحات في مخزون المقاطعة توفير وسيلة نقل اللقاحات إلى النقاط الصحية 15,53116 -7,31239
8 القذافي يمهل 26433774 Hodh El Chargui Amourj المازوزية 15.7042 -7.1082 0 0 15,7042 -7,1082 0 0 3100 75 7 Gaz Oui BCG. RR. Polio. Penta اعطال متكررة على مستوى جهاز قياس درجة الحرارة (fridg_tag) وعدم توفره. قدم سلسلة التبريد وعدم اقتصاديتها توفير جهاز قياس حرارة. تبديل الثلاجة بواحدة حديثة تعمل بالطاقة الشمسية 15,7042 -7,1082
9 محمد السالك 20682986 Hodh El Chargui Amourj بوطيب 15.85615 -7.68275 0 0 15,85615 -7,68275 0 0 4000 50 11 Énergie solaire Oui لا شيء انقطاع التلقيح بسبب بعد النقطة الصحية من المقاطعة توفير التلقيحات في المركز الصحي في ام اعشيش من اجل التغلب على النقص 15,85615 -7,68275
10 سيداتي إبراهيم 27544283 Hodh El Chargui Amourj قطع امبيكو 15.788 -7.62149 0 0 15,788 -7,62149 0 0 2800 50 5 Énergie solaire Oui لا شيء انقطاع التلقيح بسبب المواصلات النقل من المقاطعة الى النقطة الصحية ت

index.html

@@ -20,8 +20,223 @@
                 }
             }
         }
+
+        // Excel data converted to JSON
+        const vaccinationData = [
+            {
+                formNumber: "1",
+                investigator: "محمد الشيخ حمادي",
+                whatsapp: "20830384",
+                wilaya: "Hodh El Chargui",
+                commune: "Beribavar",
+                vaccinationPoint: "القاسمية",
+                gpsLatitude: 18.091472,
+                gpsLongitude: -15.985392,
+                population: 2000,
+                childrenEligible: 60,
+                zeroDoseChildren: 60,
+                energySource: "Énergie solaire",
+                hasVaccinationCalendar: "Non"
+            },
+            {
+                formNumber: "1",
+                investigator: "الطالب ولد محمد",
+                whatsapp: "48386889",
+                wilaya: "Hodh El Chargui",
+                commune: "Bangou",
+                vaccinationPoint: ".الاجواد",
+                gpsLatitude: 18.091227,
+                gpsLongitude: -15.988698,
+                population: 2700,
+                childrenEligible: 70,
+                zeroDoseChildren: 70,
+                energySource: "Énergie solaire",
+                hasVaccinationCalendar: "Non"
+            },
+            {
+                formNumber: "1",
+                investigator: "Ba Issa Moussa",
+                whatsapp: "30 49 62 12",
+                wilaya: "Hodh El Chargui",
+                commune: "Beribavar",
+                vaccinationPoint: "Beribava",
+                gpsLatitude: 18.090534,
+                gpsLongitude: -15.988827,
+                population: 2000,
+                childrenEligible: 150,
+                zeroDoseChildren: 20,
+                energySource: "Énergie solaire",
+                hasVaccinationCalendar: "Oui"
+            },
+            {
+                formNumber: "1",
+                investigator: "الشيخ / سيدأحمد",
+                whatsapp: "20099692",
+                wilaya: "Hodh El Chargui",
+                commune: "Néma",
+                vaccinationPoint: "Nema",
+                gpsLatitude: 18.09086,
+                gpsLongitude: -15.985048,
+                population: 39015,
+                childrenEligible: 0,
+                zeroDoseChildren: 15,
+                energySource: "Électricité",
+                hasVaccinationCalendar: "Oui"
+            },
+            {
+                formNumber: "1",
+                investigator: "علي وزان ميصاره",
+                whatsapp: "48983333",
+                wilaya: "Hodh El Chargui",
+                commune: "Beribavar",
+                vaccinationPoint: "السليمانية",
+                gpsLatitude: 18.092084,
+                gpsLongitude: -15.988956,
+                population: 940,
+                childrenEligible: 25,
+                zeroDoseChildren: 25,
+                energySource: "Énergie solaire",
+                hasVaccinationCalendar: "Non"
+            },
+            {
+                formNumber: "1",
+                investigator: "Ahmed Haide",
+                whatsapp: "44479100",
+                wilaya: "Hodh El Chargui",
+                commune: "Ghlig Ehel Beye",
+                vaccinationPoint: "Ghlig ehel beye",
+                gpsLatitude: 16.008531,
+                gpsLongitude: -8.796833,
+                population: 806,
+                childrenEligible: 29,
+                zeroDoseChildren: 6,
+                energySource: "Énergie solaire",
+                hasVaccinationCalendar: "Oui"
+            },
+            {
+                formNumber: "1",
+                investigator: "Mohamed Souleimane elemine",
+                whatsapp: "27118586",
+                wilaya: "Hodh El Chargui",
+                commune: "Bassikounou",
+                vaccinationPoint: "Hbib sid’ahmed",
+                gpsLatitude: 15.866728,
+                gpsLongitude: -5.952468,
+                population: 204000,
+                childrenEligible: 9180,
+                zeroDoseChildren: 0,
+                energySource: "Électricité",
+                hasVaccinationCalendar: "Oui"
+            }
+        ];
+
+        // Initialize data on page load
+        document.addEventListener('DOMContentLoaded', function() {
+            updateDashboardStatistics();
+            initializeCharts();
+            updateDistanceTable();
+        });
+
+        function updateDashboardStatistics() {
+            const totalChildren = vaccinationData.reduce((sum, item) => sum + item.childrenEligible, 0);
+            const totalVaccinated = vaccinationData.reduce((sum, item) => sum + (item.childrenEligible - item.zeroDoseChildren), 0);
+            const totalZeroDose = vaccinationData.reduce((sum, item) => sum + item.zeroDoseChildren, 0);
+            const coverageRate = totalChildren > 0 ? Math.round((totalVaccinated / totalChildren) * 100) : 0;
+
+            // Update statistics cards
+            document.querySelectorAll('.stat-card')[0].querySelector('.text-2xl').textContent = totalChildren.toLocaleString();
+            document.querySelectorAll('.stat-card')[1].querySelector('.text-2xl').textContent = totalVaccinated.toLocaleString();
+            document.querySelectorAll('.stat-card')[2].querySelector('.text-2xl').textContent = totalZeroDose.toLocaleString();
+            document.querySelectorAll('.stat-card')[3].querySelector('.text-2xl').textContent = coverageRate + '%';
+        }
+
+        function initializeCharts() {
+            // Commune distribution chart
+            const communeData = {};
+            vaccinationData.forEach(item => {
+                if (!communeData[item.commune]) {
+                    communeData[item.commune] = 0;
+                }
+                communeData[item.commune] += item.childrenEligible;
+            });
+
+            const communeTrace = {
+                x: Object.keys(communeData),
+                y: Object.values(communeData),
+                type: 'bar',
+                marker: {
+                    color: '#3B82F6'
+                }
+            };
+
+            Plotly.newPlot('commune-bar-chart', [communeTrace], {
+                margin: { t: 0, r: 0, b: 30, l: 40 },
+                paper_bgcolor: 'rgba(0,0,0,0)',
+                plot_bgcolor: 'rgba(0,0,0,0)',
+                font: { size: 12 }
+            });
+
+            // Energy source pie chart
+            const energyData = {};
+            vaccinationData.forEach(item => {
+                if (!energyData[item.energySource]) {
+                    energyData[item.energySource] = 0;
+                }
+                energyData[item.energySource]++;
+            });
+
+            const energyTrace = {
+                values: Object.values(energyData),
+                labels: Object.keys(energyData),
+                type: 'pie',
+                marker: {
+                    colors: ['#3B82F6', '#10B981', '#F59E0B'],
+                textinfo: 'label+percent',
+                insidetextorientation: 'radial'
+            };
+
+            Plotly.newPlot('energy-pie-chart', [energyTrace], {
+                margin: { t: 0, r: 0, b: 0, l: 0 },
+                paper_bgcolor: 'rgba(0,0,0,0)',
+                showlegend: true
+            });
+        }
+
+        function updateDistanceTable() {
+            const tableBody = document.querySelector('table tbody');
+            tableBody.innerHTML = '';
+
+            vaccinationData.forEach(item => {
+                const row = document.createElement('tr');
+                row.className = 'hover:bg-gray-50';
+                
+                row.innerHTML = `
+                    <td class="px-4 py-3 text-sm text-gray-900">${item.commune}</td>
+                    <td class="px-4 py-3 text-sm text-gray-900">${item.vaccinationPoint}</td>
+                    <td class="px-4 py-3 text-sm text-gray-900">
+                        ${calculateDistance(item.gpsLatitude, item.gpsLongitude).toFixed(2)}
+                    </td>
+                `;
+                tableBody.appendChild(row);
+            });
+        }
+
+        function calculateDistance(lat, lon) {
+            // Simplified distance calculation (for demonstration)
+            const baseLat = 18.091472;
+                const baseLon = -15.985392;
+                
+                const R = 6371; // Earth's radius in km
+                const dLat = (lat - baseLat) * Math.PI / 180;
+                const dLon = (lon - baseLon) * Math.PI / 180;
+                const a = Math.sin(dLat/2) * Math.sin(dLat/2) +
+                    Math.cos(baseLat * Math.PI / 180) * Math.cos(lat * Math.PI / 180) *
+                    Math.sin(dLon/2) * Math.sin(dLon/2);
+                const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
+                return R * c;
+        }
     </script>
-    <style>
+<style>
         .gradient-bg {
             background: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
         }
@@ -131,32 +346,30 @@
                 </div>
             </div>
         </div>
-
         <!-- Statistics Cards -->
         <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
             <div class="stat-card rounded-xl p-4 text-center text-white">
                 <i data-feather="users" class="w-6 h-6 mx-auto mb-2"></i>
-                <div class="text-2xl font-bold">24,910</div>
+                <div class="text-2xl font-bold" id="total-children">0</div>
                 <div class="text-sm opacity-80">Enfants en âge</div>
             </div>
             <div class="stat-card rounded-xl p-4 text-center text-white">
                 <i data-feather="check-circle" class="w-6 h-6 mx-auto mb-2"></i>
-                <div class="text-2xl font-bold">18,742</div>
+                <div class="text-2xl font-bold" id="total-vaccinated">0</div>
                 <div class="text-sm opacity-80">Vaccinés</div>
             </div>
             <div class="stat-card rounded-xl p-4 text-center text-white">
                 <i data-feather="alert-triangle" class="w-6 h-6 mx-auto mb-2"></i>
-                <div class="text-2xl font-bold">6,168</div>
+                <div class="text-2xl font-bold" id="total-zero-dose">0</div>
                 <div class="text-sm opacity-80">Zéro Dose</div>
             </div>
             <div class="stat-card rounded-xl p-4 text-center text-white">
                 <i data-feather="map-pin" class="w-6 h-6 mx-auto mb-2"></i>
-                <div class="text-2xl font-bold">89%</div>
+                <div class="text-2xl font-bold" id="coverage-rate">0%</div>
                 <div class="text-sm opacity-80">Couverture</div>
             </div>
         </div>
-
-        <!-- Interactive Map -->
+<!-- Interactive Map -->
         <div class="bg-white rounded-xl shadow-lg p-6 mb-8 card-hover">
                 <div class="flex items-center justify-between mb-4">
                     <h2 class="text-xl font-semibold text-gray-800">
@@ -231,33 +444,9 @@
                     </tr>
                 </thead>
                 <tbody class="divide-y divide-gray-200">
-                        <tr class="hover:bg-gray-50">
-                            <td class="px-4 py-3 text-sm text-gray-900">
-                            Beribavar
-                        </td>
-                        <td class="px-4 py-3 text-sm text-gray-900">
-                            القاسمية
-                        </td>
-                        <td class="px-4 py-3 text-sm text-gray-900">
-                            0.00
-                        </td>
-                    </tr>
-                    <tr class="hover:bg-gray-50">
-                        <td class="px-4 py-3 text-sm text-gray-900">
-                            Beribavar
-                        </td>
-                        <td class="px-4 py-3 text-sm text-gray-900">
-                            السليمانية
-                        </td>
-                        <td class="px-4 py-3 text-sm text-gray-900">
-                            السليمانية
-                        </td>
-                        <td class="px-4 py-3 text-sm text-gray-900">
-                            0.85
-                        </td>
-                    </tr>
+                    <!-- Table will be populated dynamically with real data -->
                 </tbody>
-            </table>
+</table>
         </div>
     </div>