A React.js + Flask/MongoDB Web Application الذي يفصل المعلومات عن فيروس كوروناف ، بما في ذلك مجموعات البيانات والأخبار وتحليل السلاسل الزمنية ومعلومات توزيع اللقاحات. يستخدم 6 واجهات برمجة التطبيقات من أجل جلب البيانات وتقديم البيانات عبر واجهة سهلة الاستخدام. يستخدم chart.js و d3.js للتصورات الديناميكية.
فيما يلي عرض فيديو لتطبيق الويب أثناء العمل.
تطبيق الويب لديه 4 أقسام ؛ واحد لمجموعات البيانات ، واحدة لأخبار محددة ، واحدة لتحليل سلسلة زمنية ، وواحدة لإحصائيات توزيع اللقاحات. تستخدم كل من هذه العلامات التجارية واجهة برمجة تطبيقات REST الفريدة التي يتم جلبها من الواجهة الخلفية القارورة. تجلب API REST من واجهة برمجة التطبيقات المميزة المقدمة من منظمة ذات سمعة طيبة (مثل data.gov ، cdc.gov ، covidtracking.com ، أو newsapi.org).
يتكون تطبيق الويب هذا من عمليتين رئيسيتين: الواجهة الخلفية للبيثون والواجهة الأمامية. أولاً ، تبدأ الواجهة الخلفية لـ Python بجلب JSON من كل واجهة برمجة تطبيقات ذات صلة لمسارها المحدد (حيث يوجه قارورة قيمهم إلى علامة التبويب المحددة لعنوان URL) ، والدورات عبر JSON ، والاستيلاء على كل ما يحتاجه. بعد إلحاق تلك الفهارس المحددة بمجموعة ، فإنها تُرجع هذه الصفيف في شكل قاموس JSON ، ويعيدها Flask كأبي راحة للواجهة الأمامية للوصول إلى المقدمة. تقوم الواجهة الأمامية بعد ذلك بتنسيق البيانات التي تتلقاها (إذا كانت مجموعات البيانات وبيانات البيانات الإيجابية أو الحالات الإيجابية والنيتلة يوميًا) ، وتقدمها إما في قائمة أو قابلة للتمرير أو التمثيل الرسومي ، مع أي علامة تبويب تخدم البيانات عليها.
تحدد الصور أدناه وظيفة التطبيقات جنبًا إلى جنب مع واجهة المستخدم الخاصة به. 
يتضمن القسم الأول مجموعات البيانات ذات الصلة المتعلقة بفيروس كورونا. تتضمن كل مجموعة بيانات "خلية" عنوان مجموعة البيانات ، والمؤلف ، والمؤسسة المسؤولة عن النشر ، والتاريخ الذي تم نشره فيه ، ووصفًا موجزًا لمجموعة البيانات. كما يوفر رابط تنزيل إلى مجموعة البيانات ، وهو مفيد إذا أراد المرء إلقاء نظرة على البيانات نفسها. يتم توفير البيانات والبيانات الوصفية بواسطة Data.gov.

القسم الثاني يحتوي على إحصائيات إعلامية بشأن فيروس كوروناف. كما أنه يحتوي على تحليل سلسلة زمنية في شكل رسم بياني ، ويحضر بيانات من مشروع تتبع Covid.

يتم تمثيل تحليل السلسلة الزمنية في شكل رسم بياني ، مع النقاط التي يتم جلبها من مشروع تتبع Covid. فيما يلي صورة للرسم البياني مع جميع المعلمات المختلفة ، ممثلة في رسم بياني واحد.

تمثل الصورة أدناه الطبيعة الديناميكية للرسم البياني ، مع معلمات قابلة للتعديل لتلبية احتياجات المستخدم. إذا لم يكن المستخدم بحاجة إلى عرض معلمة برقية ، فيمكنه ببساطة عبورها وضبط الرسم البياني والمحاور تلقائيًا ، كل ذلك مع الرسوم المتحركة السلسة.

يمثل الرسم البياني الثاني مشتق (أو معدل التغيير) لقيم محددة (مثل إجمالي الحالات يوميًا ، ودخول المستشفيات يوميًا ، إلخ). عادةً ما يكون لهذا الرسم البياني طبيعة متذبذبة بسبب ممارسات الاختبار الطويلة ، ولكنه مؤشر جيد على مدى شدة المشكلة في اللحظة الحالية مقارنةً بالتاريخي ما كانت عليه. على غرار الرسم البياني الأخير ، فإن هذا الرسم البياني ديناميكي أيضًا ، مما يسمح للمستخدم بتغيير الرسم البياني وضبطه وفقًا لتقديره.

فيما يلي صورة لتذييل التذييل ، مع تاريخ آخر تحديث البيانات ، تم سحبها مباشرة من واجهة برمجة تطبيقات مشروع Covid Tracking.

القسم الثالث يحتوي على أخبار تتعلق بفيروس كوروناف. تحتوي كل أخبار "خلية" على عنوان المقالة ، والمؤلف ، والنشر ، والتاريخ المنشور ، وصورة لصورة الغلاف ، ووصف موجز لمجموعة البيانات. كما يوفر رابطًا للمقال للعرض المستقبلي أو معرفة المزيد. يتم توفير البيانات والبيانات الوصفية بواسطة newsapi.org.


يحتوي القسم الرابع على معلومات اللقاح ذات الصلة بما في ذلك إحصائيات التوزيع ، وتصور الإحصاءات ، وخريطة أمريكية تشير إلى تقدم اللقاح ، من CDC.GOV.

يحتوي هذا القسم على شحنات جرعة اللقاحات والإدارات في كل قاضية ، وكلها في شكل div قابلة للتمرير. كما أنه يجمعها حسب المنطقة ، لسهولة الوصول إلى المستخدم النهائي.

يحتوي هذا القسم أيضًا على رسم بياني بار للبيانات أعلاه (شحنات جرعة اللقاحات والإدارات حسب القضاة) ، مما يساعد المستخدم على عرض البيانات بالنسبة لنفسه ، في تنسيق أسهل بكثير.

أخيرًا ، يتم تقديم خريطة أمريكية من أجل عرض تقدم اللقاح جغرافياً. عن طريق التحوم على حالة ما ، يمكن للمرء عرض البيانات الواردة أعلاه (المنسقة بطريقة تم تعيينها) ، وكذلك في وقت واحد عرض الحالة الحالية لقدرة وحدة العناية المركزة. كلما كانت الحمراء أعمق ، زادت حالة الطوارئ في تلك الحالة المحددة.
