Code Monkey home page Code Monkey logo

interactive_maps's Introduction

A generic template for creating interactive maps from a simple csv.

Demo

You can access a demo, which uses a random dataset, here:

Instructions

To modify for your purposes, you need to change the following file:

https://github.com/RobinL/interactive_maps_template/blob/master/data/data_template.csv

and change the config file so that it aligns with your column names

https://github.com/RobinL/interactive_maps_template/blob/master/js/custom_code/column_description.js (edited)

and it should work.

Current code is set up to run from a shared drive (i.e. without ajax), so you have to convert the csv into json, like this: https://github.com/RobinL/interactive_maps_template/blob/master/data/csv_data.js

But there’s some code in the main scripts you can uncomment out and make it work from the csv instead if you have a proper web server:

https://github.com/RobinL/interactive_maps_template/blob/master/js/custom_code/voronoi_map.js#L15

Some pics:

Alt text Alt text Alt text

interactive_maps's People

Contributors

robinl 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.