Coder Social home page Coder Social logo

ebrahimkaram / lebanon-districts-d3-map Goto Github PK

View Code? Open in Web Editor NEW
10.0 2.0 5.0 2.36 MB

A D3 Map of all the districts Lebanon and in which Governorate they are in

Home Page: https://ebrahimkaram.github.io/Lebanon-Districts-D3-Map/.

License: MIT License

HTML 32.34% JavaScript 49.87% CSS 5.65% Python 12.14%
d3js lebanon districts topojson district shapefile districts-lebanon village municipalities

lebanon-districts-d3-map's Introduction

D3.js Map: Lebanon

How it was done

This Repository is a very slightly modified verion of Gary Pang's repository.

This will hopefully allow other developer to show their data on a Lebanese map and make it easier for data visualization.

The Map is based on 3 ShapeFile files downloaded from this website

The Json is a TOPOJSON file which takes less space then your your typical geojson file.

In order to convert the ShapeFile to a topo Json I used the following site.

The Actual Site

You can check the interactive D3 map on the link below

https://ebrahimkaram.github.io/Lebanon-Districts-D3-Map/

It's divided into 3 sections.

Mohafaza / Governorates

muhafazah (محافظة) You can use your mouse to hover over the different areas and check their name.

Now developers can add data for each region that would show on the tooltip.

Qada2 / Districts

kaza (قضاء) As you hover your mouse on the region. The tooltip shows the name of the Qada2 and the region that is in.

Diya3 / Villages

The tooltip would show the name of the Village, the name of the district it is apart of, and the Mohafaza it is apart of.

Acknowledgments

I would like to give credit CodeWritingCow for making his D3.js map of Syria repository public making the development of this repository much easier.

The Arbic _ Latin pairing of the villages

This the first GEO JSON of lebanon with english and arabic names embedded. This has proven to be more difficult than expected and I dedicated a specific repo to it. Lebanese-Villages-List Repository I'm a bit lost on how to match the rest of the villages. I'm open to ideas and suggestions there. The ReadMe on that repositry would tell you what I have already tried.

Further Info

Please feel free to submit any issues, star the repository, and fork it for your personal projects. I'm putting this project under an MIT open License to encourage as many projects as possible for whatever purpose they serve. I'm also available on twitter at @BahoKaram

http://www.localiban.org/ https://www.libandata.org/en/ https://www.libandata.org/en/article/administrative-divisions-lebanon-2016-muhafazah-s-and-kaza-s

We might later on do a more info link for the villages you see through this link http://www.localiban.org/lebanon

First level : Eight muhafazah-s. Second level : Twenty-five kaza-s. Third level : 1 029 municipalities (baladia, may 2016). Two or more municipalities could form a federation of municipalities.

lebanon-districts-d3-map's People

Contributors

ebrahimkaram avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

lebanon-districts-d3-map's Issues

Arabic Translation

Some items do not have an arabic translation
This would need a human effort and needs some input from the different users

A lot of repetition

You could merge the 3 js files that are 90% the same code, and make it cleaner. It's basically the same code for 3 maps.

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.