Python Plotly and Dash for Dashboard Visualization Demonstration

My nineth project on github, or basically a full revision for my first project. Using Plotly and Dash to create an interactive dashboard visualization showing land price and home price and other related information in Tokyo. As I just want to test the function so I did not do too much for the layout.

Feel free to provide comments, I am now concentrating on data anylysis and web presentation.

Function

A first layer on the map showing earthquake probability in Tokyo
A second layer on the map showing average height of a grid of land in Tokyo
A third layer on the map showing the shape of the selected place in Tokyo with more relevant information on right side
Enlarged image of the area filled

A slider refresh on slide providing information by different years
A link button that can download the data shown on above table in a CSV format

Methodology

Data Processing

I downloaded data from the web and stored it to database, pre-processing is needed for example some place name are not identical in different sources, with some numbers in fullwidth (e.g. １, 1), place name with a little bit difference (e.g. ヶ, ケ), etc. However as the data processing part is not the main focus of this project, I will skip mentioning detail about that.

Visualization

There are many ways to perform multi-input, multi-output on Plotly and Dash, but for easier overall funtion management, I used

a refresh button for switching map layers and choosing item from dropdown menus
dictionaries to store the state of button and dropdown menu thus more flexible on controlling those objects
a separate callback for slider so that just slide and show the new data, no refresh button is needed

And the layers are

earthquake probability for next 30 years
average height
land price, home price, crime information on selected place

Data Source and References