provincecountrycomparison's Introduction
Sources: National Bureau of Statistics of China and World Bank. This is an interactive project I produced in 2015. It’s still under construction, and therefore offers many areas upon which to focus my critique. The overarching goal of this project is to compare Chinese provinces with other countries in the world, by looking at a variety of their respective economic measures: GDP per capita, employment rate, college enrollment rate and life expectancy. I intentionally chose measures that are not driven by population size, in order to provide a fair comparison. This project idea originated from my long-held belief that there is not only ‘one’ China—there are many Chinas. Some of the provinces in China are as economically rich as European countries, while other Chinese provinces are economically lacking. Therefore, I created this project: “If Chinese provinces were countries. . .”. This project will offer both a far view of China and a near one. For the far view, the landing pages show the national/global picture of the data with a choropleth map. One of the drawbacks of using a choropleth map is that it is hard to compare different provinces’ numbers. Instead of just hovering over one province and showing the number, as this system currently does, one solution might be to add an ordered list of provinces. Then, when the reader hovers over the province on the list, the province on the map would automatically be highlighted. This would give readers a relative scale to look at, and it would make the map more visually organized and, therefore, more useful. For the near view, if the reader clicks on the country of his choice, it will lead him to another page, which shows a more detailed picture; this picture shows the five closest countries to that province on each economic measure, and how that province/country compares with the world median. My intention is to let a reader look at his or her own country, countries of interest, or even simply explore. Through that exploration, readers will understand the whole—the current state of global economics—by relating it to the individual examples that they have explored. To make my reader’s life easier, I would add a search function, which would allow the reader to search a country, zoom in to that country, and directly view more details of that country. As an added touch, I definitely will make another map with a composite index calculated by five measures. I think it will be more interesting to show equivalent countries with a mixed measure. This project was created, moreover, with a number of design-based visions in mind. Among these was my decision to design tiny Chinese elements to cater my story content. I illustrated this little stamp which means produced by Fan Fei, and sketched this Great Wall for my home page. I also used the color red throughout this project, because red represents China. There are still visual-design changes to come, though. I will move the legend to the top-left of as it is very distracting when it appears to the center. Also, the color scheme for the unemployment rate map is not working very well—the map looks muddy. I will change it into quantile scale instead. Additionally, to make this project more aesthetically appealing, I will include an illustrated version of architecture for each province and country. A concluding note of critique: as of now, this project is not responsive on mobile phones. I am considering making my mobile design different from that of the web application, since map and hover functions do not work well on mobile design. I am also thinking about creating a series of cards for a set of particularly interesting provinces. Still, I will include collapsible trees and line charts on the cards.
provincecountrycomparison's People
provincecountrycomparison's Issues
TODOs for fan's china map
line chart
- mouse over show x value (yifan)
- extra line removal
- 3 line colors
province map
- click to go back (yifan)
- transition not smooth
- show bar after whole china map is shown
- apply enlarged province fixed to gdpcap
- clickable in gdpcap.html, but not in package.html (some part)
- % sign comes back
bar
- quantile scale
- make it not linear quantile (fan)
misc
- position fixed
- load slow > 4s (yifan)
- show closest country name when hovering on a province (fan)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.