Developed with Next.js + Mapbox GL JS + Tailwind CSS + D3.js
This is a fun little interactive Data Visualization project where I attempted to answer:
-
Where had Thais been protesting in 2020? 🗺️
-
Which groups had been quite active? 🧑🦰
- Young Adults🧑🎤 Adults 🦸 Political Parties 🧑💼?
- Major Protest Groups 🐥 Groups related to certain event 🌴?
- 💥 Get the Dataset. All credits to ELECT.in.th team and their contributors 🙏 (P.S. Check out their original data visualization work "CIVIL MOVEMENT 2020" it's truly outstanding!)
- ⚡️ Data Manipulation
- Perform data cleansing on the location name, and other columns necessary.
- Retrieve and append the Geocoding information via Mapbox Geocoding API.
- Reformat the data into a structured JSON format.
- 🌎 Do a Scatter Plot on a Map using with Mapbox GL JS.
- 🚀 Implement interactive filters [
Next.js+D3.js]
I am aware that my take on this project is very far from perfect. Several geographic coordinates retrieved were incorrect, and some were never even returned 💀. However, I would regret it if I hadn't share this imperfectly beautiful image with those people who strive to see positive changes in Thailand. Let's keep fighting for our future! 🚀