Data Visualization Final Project using D3.js
Analyze the vote of the mayor and the numerical change of the national debt，
Analyze the vote of the councilor and list out all the criminal record if exists
- MayorElect.csv(縣市長選舉資料)
- Debt.csv(各縣市債務鐘)
- CouncilorElect.csv(縣市議員選舉資料)
- CouncilCrime.csv(現任市議員前科總覽)
interact with the map to examine the data from selected area
| Debt changes I | Debt changes during the term | we can observe the debt changes by the governance of this mayor |
| Debt changse II | similar to the above, but label out the election year | we can observe the relation between debt changes and the election, especially for the one who is eager to continue. |
| Voting Rate | the voting rate of the latest Mayor election |
| a list of all councilor with criminal record | if click the name, you can see the record in detail | you can find out which area has more criminal councilor |
| the pie chart of the seats in council | it shows the percentage of the seats in council | we can see which party has more power in specific area |
- index_mayor.ts
- index_council.ts
- raw_data: do not use
- clean_data: read files inside to get data
- component: common vue components
- mayor_graph: D3.js that draws graph for mayor
- council_graph: D3.js that draws graph for council
| First Cycle | Done | |
|---|---|---|
| Data Preparation | grab the required data | Beck049 |
| clean the data | Beck049, KTJL, anci123 | |
| Draw a Taiwan Map | separate by every areas | Beck049 |
| animation when hover on section | Beck049 | |
| a point to place graph (or point) | -- |
| Second Cycle | |||
|---|---|---|---|
| Mayor & debt | vote rate | pie chart | KTJL, anci123 |
| debt change of the term | line chart | KTJL, anci123 | |
| small graph of the debt change | bar chart scattered on map | -- | |
| all year debt change, categorized by term | line chart | KTJL, anci123 | |
| compare of multiple area's total debt change | line chart | -- | |
| Councilor & crime record | seats of every party | pie chart | Beck049 |
| votes of every party | bar chart | -- | |
| lists of councilor's criminal record | table | Beck049 | |
| History change of the party seats | -- |