Git Product home page Git Product logo

vis-tj-kg-map-2022's Introduction

Tajikistan-Kyrgyzstan Border Clash 2022

This repository holds the code for the map, the displayed data in CSV and JSON, along with the before/after satellite imagery shown on the map.

More on development

Built with vite, vue.js and vuetify.

# install dependencies
npm install
# run locally with hot reload
npm run dev
# same but share on local network
npm run dev -- --host
# build (optional)
npm run build
# deploy
npm run deploy-ghpages

# lint fix
npm run lint

Configuring data/translations

  1. incidents present in incidents.json
  2. villages configs in config.js
  3. translations in config.js and locales/ (en and ru)

Fetching geojson's from yandex maps

  1. find the village
  2. Network > find the search?ajax=1 request which returns a large payload with all the village's data
  3. Extract, format and find the GeometryCollection info.
<iframe src="https://bellingcat.github.io/vis-tj-kg-map-2022?disable-scroll=1&ask-embeds=0" title="Tajikistan-Kyrgyzstan Border Clash 2022 map" height="640" width="100%" allow="fullscreen; clipboard-write; "></iframe>

<iframe src="http://localhost:3000?disable-scroll=1&ask-embeds=0" title="Tajikistan-Kyrgyzstan Border Clash 2022 map" height="640" width="100%" allow="fullscreen; clipboard-write; "></iframe>

Optional GET parameters:

  1. disable-scroll=1 - will disable auto-scroll on the left side panel - needed for <iframe> embeds.
  2. ask-embeds=0 - will not show dialog to ask for embeds when clicking the actions menu for the first time.
  3. no-cover=1 - will not show the initial cover pane
  4. no-cover=0 - will force show the initial cover pane
  5. lang=en/ru - will overwrite the default display language en

vis-tj-kg-map-2022's People

Contributors

aiganyshaidar avatar msramalho avatar

Stargazers

 avatar  avatar

Watchers

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