{"id":26087853,"url":"https://github.com/mohammad-malik/covid-visualizations-d3","last_synced_at":"2026-05-28T06:45:04.790Z","repository":{"id":281298094,"uuid":"944857177","full_name":"mohammad-malik/covid-visualizations-d3","owner":"mohammad-malik","description":"This project provides a dashboard with five different perspectives on the pandemic, from patient-infection relationships to regional trends and hierarchical distributions. This was developed as part of a project for the course Data Analysis and Visualization (DS3001).","archived":false,"fork":false,"pushed_at":"2025-03-08T05:34:08.000Z","size":5736,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-08T06:24:33.007Z","etag":null,"topics":["covid-19","d3","d3-visualization","d3js","data","data-analysis","data-analytics","data-science","visualization"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mohammad-malik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-08T05:18:56.000Z","updated_at":"2025-03-08T05:34:12.000Z","dependencies_parsed_at":"2025-03-08T06:34:48.026Z","dependency_job_id":null,"html_url":"https://github.com/mohammad-malik/covid-visualizations-d3","commit_stats":null,"previous_names":["mohammad-malik/covid-visualizations-d3"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohammad-malik%2Fcovid-visualizations-d3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohammad-malik%2Fcovid-visualizations-d3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohammad-malik%2Fcovid-visualizations-d3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohammad-malik%2Fcovid-visualizations-d3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mohammad-malik","download_url":"https://codeload.github.com/mohammad-malik/covid-visualizations-d3/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242661663,"owners_count":20165331,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["covid-19","d3","d3-visualization","d3js","data","data-analysis","data-analytics","data-science","visualization"],"created_at":"2025-03-09T07:57:54.705Z","updated_at":"2026-05-28T06:44:59.772Z","avatar_url":"https://github.com/mohammad-malik.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# COVID-19 Data Visualizations - South Korea\n\nThis project provides a dashboard with five different perspectives on the pandemic, from patient-infection relationships to regional trends and hierarchical distributions.\n\n## Project Overview\n\nThis project aims to provide an interactive and informative dashboard for visualizing the COVID-19 pandemic's impact in South Korea. By utilizing D3.js, the visualizations offer a dynamic way to explore various aspects of the data, including infection networks, geographical spread, temporal trends, and hierarchical breakdowns. The dashboard is designed to be user-friendly, allowing users to easily filter, zoom, and drill down into the data to gain deeper insights.\n\n## Visualizations\n\n1. **Forced-Directed Graph:** Visualizes relationships between COVID-19 patient-infection cases, allowing users to explore connections across geographic regions.\n2. **Map Representation of Cases:** An interactive map of South Korea showing the spread of cases across provinces.\n3. **COVID-19 Infection Timeline:** A line graph displaying confirmed, released, and deceased cases over time.\n4. **Hierarchical Tree Map:** A tree map showing the number of confirmed cases in regions (province and cities).\n5. **Sunburst Chart:** Represents hierarchical data of COVID-19 cases in different age groups and genders.\n\n![dashboard](https://github.com/user-attachments/assets/8f126ff4-56bb-46da-947e-fb42b0ad1fb4)\n\n## Features\n\n* Interactive D3.js visualizations\n* Zoom and pan functionality\n* Filtering by region and case type\n* Tooltips for detailed information\n* Animated timelines\n* Drill-down navigation for hierarchical data\n\n## Usage\n\nTo run the visualizations locally, clone the repository and open the `dashboard.html` file in a web browser. Ensure you have a local server running to avoid CORS issues with loading data files.\n\n```bash\ngit clone https://github.com/mohammad-malik/covid-visualizations-d3.git\ncd covid-visualizations\nopen index.html\n```\n\n## Data Sources\n\nThe COVID-19 data used in these visualizations is primarily sourced from the [Korea Disease Control and Prevention Agency (KDCA)](https://www.kdca.go.kr/index.es?sid=a2). Additional geographic data for South Korea, used for the map visualization, is obtained from the [southkorea-maps](https://github.com/southkorea/southkorea-maps/tree/master) GitHub repository. The KDCA data was accessed and processed to create the visualizations.\n\n## Technologies Used\n\n* D3.js\n* HTML/CSS\n* JavaScript\n\n## License\n\nThis project is licensed under the Apache-2.0 License. See the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohammad-malik%2Fcovid-visualizations-d3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmohammad-malik%2Fcovid-visualizations-d3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohammad-malik%2Fcovid-visualizations-d3/lists"}