Skip to content

Latest commit

 

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

What is this?

The goal of this project is to visualise the population distribution in Iran.

Build

This is a react app. Build it accordingly.

npm run build

Data

Main population data source is amar.org.ir . The coordinates are gathered using python, Nominatim and OpenStreetMap. The data ws initially formatted into a csv file (Data_master.csv) and then different scripts were used to extract the coordinates form Nominatim. The output is a csv which is then converted to json using the convert-csv-to-json.

cd src/amarCSV
node convert

Presentaion

The data is presented using deck.gl layers (ColumnLayer to be exact).

Deploy

The code uses gh-pages package. run npm run deploy. Add "ignore: [ './node_modules/mapbox-gl/dist/mapbox-gl.js' ]" to webpack.config.js in the react-scripts module to fix transpiling errors.

About

An animated map based on csv data, using React and deck.gl

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages