Aplikasi web react.js + flask/mongoDB yang merinci informasi tentang coronavirus, termasuk dataset, berita, analisis deret waktu, dan informasi distribusi vaksin. Memanfaatkan 6 API untuk mengambil dan menyajikan data melalui antarmuka yang ramah pengguna. Memanfaatkan chart.js & d3.js untuk visualisasi dinamis.
Berikut adalah demonstrasi video dari aplikasi web yang sedang beraksi.
Aplikasi web memiliki 4 divisi; Satu untuk set data, satu untuk berita tertentu, satu untuk analisis deret waktu, dan satu untuk statistik distribusi vaksin. Masing -masing tab ini menggunakan API REST uniknya sendiri yang diambil dari labu backend. REST API mengambil dari API berbeda yang disediakan dari organisasi terkemuka (seperti data.gov, cdc.gov, covidtracking.com, atau newsapi.org).
Aplikasi web ini terdiri dari dua proses utama: backend python dan reaksi ujung depan. Pertama, backend Python dimulai dengan mengambil JSON dari masing -masing API masing -masing untuk rute spesifik mereka (karena Flask merutekan nilai pengembalian mereka ke tab spesifik URL), dan bersepeda melalui JSON, meraih apa pun yang dibutuhkan. Setelah menambahkan indeks spesifik itu ke array, kemudian mengembalikan array itu dalam bentuk kamus JSON, dan Flask mengembalikannya sebagai API REST untuk ujung depan hingga saat ini. Ujung depan kemudian memformat data yang diterimanya (apakah itu adalah kumpulan data dan metadata mereka atau kasus positif dan negaitve per hari), menyajikannya di kedua daftar, div yang dapat digulir, atau representasi grafis, masing -masing untuk tab apa pun yang melayani data.
Gambar di bawah ini menguraikan fungsionalitas aplikasi bersama dengan antarmuka penggunanya. 
Divisi pertama mencakup kumpulan data yang relevan yang berkaitan dengan coronavirus. Setiap dataset "sel" menyertakan judul dataset, penulis, organisasi yang bertanggung jawab untuk penerbitan, tanggal diterbitkan, dan deskripsi singkat tentang dataset. Ini juga menyediakan tautan unduhan ke dataset, berguna jika seseorang ingin melihat data itu sendiri. Data dan metadata disediakan oleh data.gov.

Divisi kedua berisi statistik informasi mengenai coronavirus. Ini juga berisi analisis deret waktu dalam bentuk grafik, dan mengambil data dari proyek pelacakan Covid.

Analisis deret waktu diwakili dalam bentuk grafik, dengan poin yang diplot diambil dari proyek pelacakan Covid. Di bawah ini adalah gambar grafik dengan semua parameter yang berbeda, diwakili dalam satu grafik.

Gambar di bawah ini mewakili sifat dinamis grafik, dengan parameter yang dapat disesuaikan untuk memenuhi kebutuhan pengguna. Jika pengguna tidak perlu melihat parameter paticular, mereka dapat dengan mudah mencoretnya dan grafik dan sumbu menyesuaikan secara otomatis, semua dengan animasi yang halus.

Grafik kedua mewakili turunan (atau laju perubahan) dari nilai -nilai spesifik (seperti total kasus per hari, rawat inap per hari, dll). Grafik ini biasanya memiliki sifat berosilasi karena praktik pengujian covid, tetapi merupakan indikasi yang baik tentang seberapa parah masalahnya pada saat saat ini dibandingkan secara historis seperti apa adanya. Mirip dengan grafik terakhir, grafik ini juga dinamis, memungkinkan pengguna untuk mengubah dan menyesuaikan grafik sesuai kebijaksanaannya.

Di bawah ini adalah gambar footer, dengan tanggal data terakhir diperbarui, langsung ditarik dari API Proyek Pelacakan Covid.

Divisi ketiga berisi berita tentang coronavirus. Setiap berita "sel" berisi judul artikel, penulis, publikasi, tanggal yang diterbitkan, gambar gambar sampul, dan deskripsi singkat tentang dataset. Ini juga menyediakan tautan ke artikel untuk tampilan atau pembelajaran di masa mendatang. Data dan metadata disediakan oleh newsapi.org.


Divisi keempat berisi informasi vaksin yang relevan termasuk statistik distribusi, visualisasi statistik, dan peta AS yang menunjukkan kemajuan vaksin, dari Cdc.gov.

Divisi ini berisi pengiriman dosis vaksin dan administrasi per masing -masing yuristrik, semuanya dalam bentuk div yang dapat digulir. Ini juga mengelompokkan mereka berdasarkan wilayah, untuk akses yang lebih mudah ke pengguna akhir.

Divisi ini juga berisi grafik batang dari data di atasnya (pengiriman dosis vaksin dan administrasi dengan juri), yang membantu pengguna melihat data relatif terhadap dirinya sendiri, dalam format yang lebih mudah untuk dilihat.

Akhirnya, peta AS disajikan untuk melihat kemajuan vaksin secara geografis. Dengan melayang di atas suatu negara, seseorang dapat melihat data yang disajikan di atas (diformat dengan cara yang dipetakan), serta secara bersamaan melihat keadaan saat ini dari kapasitas ICU mereka. Semakin dalam yang merah, semakin penting keadaan darurat berada pada keadaan tertentu.
