- Covid visualization: a globe placed in the center of the screen with line charts and numbers on both sides displaying worldwide stats related to Covid. Dragging along the slide bar below, color scheme of each country shown on the globe varies according to the severity of Covid in that region. Meanwhile, the total numbers of confirmed cases, deaths and recoveries change dynamically on the right according to the selected date.
- Twitter visualization: A world globe is shown with the numbers of COVID-19 tweets from worldwide geographic coordinates. A higher and redder bar represents more tweets from one location. The total number of COVID-19 related tweets in the 2021 March and April is listed. Two bar charts are shown for the most common tweet countries and languages.
- WordCloud: The COVID-19 tweeter word clouds is generated to analysis the relationship between COVID-19 related tweets focus and the severity of COVID-19.The data is cleaned by filtering out most non-English vocabularies and words with repetitive meaning. The results are shown below, the font size is determined by the frequency of words appearing in tweets.
Video: https://youtu.be/qlcI9DYTQEI
- Install dependencies
npm installYou may need the following code to fix all the warnings
npm audit fix --force- Run
npm run start-
Click the "Click to View Twitter" button in the top right corner to view the Twitter Visualization. Then click the "Back" button to return the COVID Visualization.
-
Packages
-
globe.gl: provides data visualization layers on a 3-dimensional globe in a spherical projection
-
d3-cloud plugin: provides the layout, font size, rotation and other useful feature, to generate fancy word clouds