In this tutorial we aim to create an interactive world map that shows the movie-production counts upon country-specific mouse-hover. This is done using D3 (v3). This assignment has been done in place of the mid-term exam in Information Visualization (CS5346). The task is aimed at creating visualisations to gain useful insights about the pandemic. All the visualisations have been created purely in D3
To reproduce my results:
- Setup a server on your local machine using python. In the src directory run:
python -m http.server 8080
- Open up amy html files in any folder in your preferred browser to interact with it.
Covid-19: [https://www.kaggle.com/sudalairajkumar/novel-corona-virus-2019-dataset]
SARS dataset: [https://www.kaggle.com/imdevskp/sars-outbreak-2003-complete-dataset]
GDP dataset: [https://www.kaggle.com/ibrahimmukherjee/gdp-world-bank-data#public-education-expenditure-as-share-of-gdp.csv]
World Map: [https://datamaps.github.io/]
Stacked Horizontal Bar Chart: [https://bl.ocks.org/Andrew-Reid/0aedd5f3fb8b099e3e10690bd38bd458]
Word Cloud: [https://github.com/jasondavies/d3-cloud]
Group Bar Chart: [https://bl.ocks.org/bricedev/0d95074b6d83a77dc3ad]
Box Plot: [https://bl.ocks.org/rjurney/e04ceddae2e8f85cf3afe4681dac1d74]
Scatter Plot: [https://bl.ocks.org/mthh/e9ebf74e8c8098e67ca0a582b30b0bf0]
Multiple Line Chart: [http://bl.ocks.org/Matthew-Weber/5645518]