Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/engjurado/covid-19-visualization
This project is a visualization of COVID-19 data using HTML, CSS, and JavaScript. The data is obtained from CSV files and processed to display interactive charts.
https://github.com/engjurado/covid-19-visualization
css html javascript
Last synced: 13 days ago
JSON representation
This project is a visualization of COVID-19 data using HTML, CSS, and JavaScript. The data is obtained from CSV files and processed to display interactive charts.
- Host: GitHub
- URL: https://github.com/engjurado/covid-19-visualization
- Owner: EngJurado
- License: mit
- Created: 2024-10-27T01:36:15.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-28T20:40:26.000Z (3 months ago)
- Last Synced: 2024-11-09T20:30:47.922Z (2 months ago)
- Topics: css, html, javascript
- Language: Jupyter Notebook
- Homepage: https://engjurado.github.io/covid-19-visualization/
- Size: 2.26 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# COVID-19 Visualization
This project is a visualization of COVID-19 data using HTML, CSS, and JavaScript. The data is obtained from CSV files and processed to display interactive charts.
## Authors
- Carlos Mateo Jurado Díaz
- Alejandro Cobo Constain
- Rodrigo Ortega Bocanegra
## Project Structure
```
covid-19-visualization/
├── data.js
├── dataframe.ipynb
├── df.json
├── index.html
├── script.js
├── styles.css
├── covid-19.png
├── tierra.png
└── Dataset/
├── population_by_country_2020.csv
└── WHO-COVID-19-global-data.csv
```
## Main Files
- **index.html**: The main file of the web page.
- **styles.css**: CSS styles file.
- **script.js**: JavaScript file that handles the page logic.
- **data.js**: JavaScript file that handles data loading.
- **dataframe.ipynb**: Jupyter Notebook for data processing.
- **df.json**: JSON file with processed data.
- **Dataset/**: Folder containing the original CSV files.
## Datasets
The datasets used in this project can be found at the following Kaggle links:
- [Daily COVID-19 Data (2020-2024)](https://www.kaggle.com/datasets/abdoomoh/daily-covid-19-data-2020-2024/data)
- [Population by Country (2020)](https://www.kaggle.com/datasets/tanuprabhu/population-by-country-2020)
## Installation
1. Clone the repository:
```sh
git clone https://github.com/EngJurado/covid-19-visualization.git
```
2. Navigate to the project directory:
```sh
cd covid-19-visualization
```
## Data Preprocessing
1. Download the datasets from Kaggle and place them in the `Dataset/` folder.
2. Open and run the `dataframe.ipynb` notebook to process the data and convert it to JSON format to be read by JavaScript.
## Usage
1. Open `index.html` in your browser to view the visualization.
2. You can modify the CSV files in the `Dataset/` folder and reprocess them using `dataframe.ipynb`.
## Contributions
Contributions are welcome. Please open an issue or a pull request to discuss any changes.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.