jupaneira

jupaneira

This is an interactive Map of the Administrative divisions of Bogotá, made with TopoJSON and D3.

Inspired by the Mexican municipalities map, it shows the Administrative division of Colombia's capital city.

Bogotá has 20 localities and each of them is compound of smaller divisions called Barrios. There are 1900 Barrios in Bogotá

It uses TopoJSON to diferentiate the Departments boundaries through the function topojson.mesh and a special filter.

To obtain the TopoJSON, first I converted the .shp file of the Municipality divition of Colombia by Maurix Suárez to GeoJSON, using:

jupaneira

This is an interactive Map of the Localidades of Bogotá, made with TopoJSON and D3.

The city is divided in 20 localities, 19 of them are urban areas and one, the bigest one, is a rural area (Sumapaz).

To obtain the TopoJSON, first I converted the .shp file of the Localidades de Bogotá D.C. by Maurix Suárez to GeoJSON, using:

ogr2ogr   -f GeoJSON -t_srs EPSG:4326  bta_localidades.json   localidades.shp

jupaneira

This is an interactive Map of the Colombian Municipality, made with TopoJSON and D3.

Inspired by the Mexican municipalities map, it shows the Administrative division of Colombia.

Colombia is a unitary republic conformed by thirty-two departments and a Capital District. Departments are formed by a grouping of municipalities. [Administrative divisions of Colombia](Administrative divisions of Colombia)

It uses TopoJSON to diferentiate the Departments boundaries through the function topojson.mesh and a special filter.

To obtain the TopoJSON, first I converted the .shp file of the Municipality divition of Colombia by Maurix Suárez to GeoJSON, using:

jupaneira

This is a Voronoi Map of Colombia, made with GeoJSON, D3.js and the Voronoi function of D3. It is inspired on the United States of Voronoi of Jason Davies and as he says, the idea of this map is to show:

The Department borders for the contiguous Colombian Departments have been redrawn such that all points in a state are closer to its capital than that of any other state

You can find the code here Enjoy it :) and please, reference me and this site if you want to use or share this material

jupaneira

This is my first Map generated with GeoJSON and D3.js. The first of many upcomming maps that try to explain some facts of Colombia through the Data Storytelling.

In this map, each department has a color and when you pass the mouse over, the department is highlighted and his name is displayed.

This is inspired on the GeoJson map of Colombia by John Guerra. As he did:

I obtained the Colombian GeoJSON by transforming the Colombian shapefiles by Maurix Suárez, using: