Create progress visualization

1. Clone repository

`$ git clone https://github.com/Rub21/vizualization-imagen.git`

2. Download Data

• Firstly you have to active JOSM as remote mode

• Download a place where you've worked and since the exact date

Example:

User ediyes have worked at in Ayacucho since 01/09/2014 00:00:00

http://rub21.github.io/download-osm-data/#13.00/-13.1660/-74.2153

Setting user, time and types of data

Save data as ayacucho.osm on directory vizualization-imagen

3. Process Data

If you use Windows as SO. you have to configure context environment for python. on Linux it come for default.

open the terminal and go to vizualization-imagen directory and execute:

$ cd vizualization-imagen

$ python converts-way.py ayacucho.osm ayacucho.geojson

At last you are going to have onw file called ayacucho.geojson vizualization-imagen directory

4. Create Imagen

Create imagen using Tilemill

Create a new project on tilemill and paste the next code on Tilemill:

Map { background-color:#000; }
#countries {
	line-color:#555;
	line-join:round;
	line-width:0.5;
}
@grey: #2d2c2c;
@blue : #0171C5;
@magenta: #ff0094;
@green: #0F0;
@red: #DA6068;
@morado:#9900FF;
@yellow: #FF0;
@aqua:#00FFFF;
@fuxia:#FF00FF;


#osm{
	line-color:@grey;
}
#osm[user='ediyes']{
    line-width:0.8;
    [version='1']{
      line-color:@yellow;
    }
	line-color:@yellow*0.4;
}

Change you user name and your favorite color

Export imagen:

The size of imagen will be, width = 1200px

The file(ayacucho.jpeg) was saved in: /path/to/MapBox/export/

Create imagen using Mapbox Studio

Todo

5. Editing imagen

Open your imagen(ayacucho.jpeg) with any Editor of imagen, inthis case I going to use GIMP

• Title size(Ayacucho, Perú): 70pt
• Date size (September 01st to September 15th, 2014): 25pt
• User size (ediyes): 50pt
• Version = 1 size (Version = 1): 20pt
• Version > 1 size (Version > 1): 20pt

If you worked just one day in a your visualization should be look like this: