Giter VIP home page Giter VIP logo

vizualization-imagen's Introduction

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

Focus in Ayacucho

Setting user, time and types of data

Setting the 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

screenshot from 2015-01-05 07 34 21

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

ediyes

  • 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:

55119694-f8c7-11e3-8d34-e777e9ef8691

vizualization-imagen's People

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.