Coder Social home page Coder Social logo

pfalcon / visited_places Goto Github PK

View Code? Open in Web Editor NEW
47.0 4.0 10.0 95 KB

Simple, static, local visited places map (aka travel map) using D3 and D3 Datamaps

Home Page: https://pfalcon.github.io/visited_places/

JavaScript 29.40% HTML 70.60%
travel map self-hosted

visited_places's Introduction

Yet Another "Visited Places" Map

This is a simple local web application which allows to visualize countries and places (cities, etc.) you have visited during travels.

There are gazillion of apps like that, here are the traits of this one:

  • Standalone HTML+JavaScript webapp, no backend.
  • Doesn't rely on 3rd-party web services like Google Maps, which change all the time and will break the app.
  • Doesn't even pull any files from Internet, all dependencies (D3 and D3 Datamaps) are mirrored locally.
  • Visited countries/cities info is stored in simple JSON-like files (which you edit with your text editor).

Missing features:

  • No zoom (the webapp is based on D3 Datamaps which doesn't support interactive zoom as builtin feature; patches to add zoom support in a clean way (no bloat please!) are welcome).

How to use:

  • Clone git repo.
  • Edit countries.js and cities.js files following sample data they already have.
  • Open index.html in a browser.
  • Deploy all files to a webserver if you want a map to be accessible on Internet. (E.g., you can use Github Pages, example is here: https://pfalcon.github.io/visited_places/).

Customization:

Credits:

Based on D3 Datamaps examples. Put together by Paul Sokolovsky. MIT license.

visited_places's People

Contributors

pfalcon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

visited_places's Issues

Request: zoomable map, for detailed city view

I really love this webpage! Cool to get a virtual scratch poster.

But while I am done with capitals, I want to go further: every city I was. Than zoom becomes handy:

  1. Zoom, just with a scroll wheel or something, just in and out.
  2. Zoom by country, click on a country to get it in view.

:)

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.