Echarts for statistics and data visualization
MapboxGL EchartsLayer and MapboxGLJS for loading and displaying the map
Oboes.js for loading JSON file
Mapbox Styles
This is a data visualization project, uses can explore their own geographical location history by uploading the data file collected by google. Users can explore their own data by selecting a specific period of time. The purpose of this project is to make people aware of data collection behavior. And we also want to give everyone the capability to view the history of themselves.
We want the image to focus on the most active location at the beginning of the exploration. Calculating the centroid of a convex hull could be a practical solution to get the most active area. Some references are shown below.
reference
The programming language we choose is JavaScript. Because there are many tools and libraries to help us focus on the development of the core logic. And the flexibility of this language is suitable for Agile Development.
The process of our scrum developemt could be like this:
| STAGE | TASK |
|---|---|
| 1 | Display map on web browser Read data from JSON file and extract location data |
| 2 | Draw loaction layer on top of map layer |
| 3 | Display location data in specific period of time selected by user Classify data by activities Draw statistics of user activites |
| 4 | Add social media sharing intergration |
We discovered that the data comes with all kinds of possible activities at each location. Each possible activity has a confidence value, so we can decide what the user was doing base on the confidence value.