This map shows the regions of Jammu and Kashmir that are currently occupied by different countries.
Copyright © 2017-20, Sandhya Pillai - MIT License
Last active
May 9, 2020 14:48
-
-
Save anilnairxyz/808316eb7c25c2900c9ff49cc09e32c4 to your computer and use it in GitHub Desktop.
Map of Occupied JandK
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| height:560 | |
| license:mit |
This map shows the regions of Jammu and Kashmir that are currently occupied by different countries.
This map has been generated using the disputed areas of Jammu and Kashmir from Natural Earth.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <style> | |
| svg {background-color: #40444d;} | |
| </style> | |
| </head> | |
| <body> | |
| <script src="//d3js.org/d3.v3.min.js"></script> | |
| <script src="//d3js.org/topojson.v1.min.js"></script> | |
| <script> | |
| var width = 640; | |
| var height = 560; | |
| var vis = d3.select("body").append("svg") | |
| .attr("width", width).attr("height", height) | |
| d3.json("ne_10m_admin_0_Kashmir_Occupied.json", function(json) { | |
| var subunits = topojson.feature(json, json.objects.ne_10m_admin_0_Kashmir_Occupied); | |
| scale = 4000; | |
| offset = [300, 280]; | |
| center = [76, 35]; | |
| console.log(scale) | |
| console.log(offset) | |
| console.log(center) | |
| // new projection | |
| projection = d3.geo.mercator().center(center) | |
| .scale(scale).translate(offset); | |
| // create the path | |
| var path = d3.geo.path().projection(projection); | |
| // add a rectangle to see the bound of the svg | |
| vis.append("rect").attr('width', width).attr('height', height) | |
| .style('stroke', 'white').style('fill', 'none'); | |
| vis.selectAll("path").data(subunits.features).enter().append("path") | |
| .attr("d", path) | |
| .attr("class", function(d) { return d.id; }) | |
| .style("fill", "#fc9272") | |
| .style("stroke-width", "1.5") | |
| .style("stroke", "white") | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment