GithubHelp home page GithubHelp logo

ccalobeto / latam-atlas Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.95 MB

Pre-built TopoJSON files to load your map faster

Home Page: https://observablehq.com/d/74241e5a73f974d7

License: MIT License

Shell 65.99% JavaScript 34.01%
ecuador peru rendering topojson

latam-atlas's Introduction

Latin America Atlas TopoJSON

This repository provides topoJSON files you can use as a cartography on a webpage or using Plot in observablehq, see an example here

To align the names of subnational jurisdictions in different countries, four levels have been set:

  • level1: country
  • level2: provinces / departments
  • level3: cantons / provinces
  • level4: parishes / districts

Generating the files

Clone or download the repo and start a terminal. Then run npm run prepublishOnly to transform the downloaded zip files into topojson files.

If you need to make further adjustments (projection, simplification, quantization) you can change the prepublish config file and run npm run prepublishOnly again.

Concepts

# simplification

Removes points to reduce the file size. Set to 3% by default.

# quantization

Removes information by reducing the precision of each coordinate. Set to 1e5 by default.

File Reference

The TopoJSON files contain 4 levels of geometry based on and id code, which in Ecuador is DPA_PARROQ and in Perú is UBIGEO . The geometry is quantized and simplified.

Each level4 has two properties:

  • level4.id - the six-digit code, such as "010152"
  • level4.properties.name - the district name, such as "CUMBE"

For the level 2 the first two digits of the id code is the province code. For the level 3 the first four digits of the id code is the canton code.

TopoJSON files

Ecuador

To visualize with d3.js:

d3
    .geoIdentity()
    .reflectY(true)
    .fitSize([width, height], features)

Parishes

Perú

To visualize with d3.js:

d3
    .geoIdentity()
    .reflectY(true)
    .fitSize([width, height], features)

Districts

Inspiration

The original idea and implementation comes from Mike Bostock’s us-atlas and trase-atlas.

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.