Code Monkey home page Code Monkey logo

tilegrams's Introduction

Tilegrams

A “tilegram” is a map made of tiles where regions are sized proportionally to a dataset.

You can read more in our blog post or the manual.

Development

Setup

After cloning the repository, run:

npm i

Running

Run

npm start

Then access http://localhost:8080/.

Deploying

To generate deployable assets, run:

npm run build

They will be written to dist/.

Dependencies

JavaScript is written in ES2015 using Babel. Styles are written in SASS. All assets are preprocessed with webpack.

The Maker also depends on a pre-release npm version of topogram (formerly cartogram.js) as seen in this PR.

Data Sources

US Population Data

Electoral Votes Data

GDP Data

France Population Data

Base Map Sources

US states map: Natural Earth Data

Germany constituency map: Bundeswahlleiter.de © Der Bundeswahlleiter, Statistisches Bundesamt, Wiesbaden 2016, Wahlkreiskarte für die Wahl zum 19. Deutschen Bundestag Basis of the geological information © Geobasis-DE / BKG (2016)

License

This software is distributed under the ISC license.

tilegrams's People

Contributors

adamflorin avatar jessihamel avatar jprctr avatar nthitz avatar paulirish avatar waldyrious avatar

Watchers

 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.