A world map using a Kavrayskiy VII projection showing countries visited. Identified by international id codes. Created for madialexander.com.
xxxxxxxxxx
<head>
<title>
World Map - Travels
</title>
<!-- style -->
<style>
#globe, body, html {
height: 100%;
width: 100%;
}
.stroke {
fill: none;
stroke: #000;
stroke-width: 3px;
}
.graticule {
fill: none;
stroke: #0F2D40;
stroke-width: .5px;
stroke-opacity: .5;
}
.fill {
fill: #fff;
}
.land {
fill: #0F2D40;
}
.boundary {
fill: none;
stroke: #fff;
stroke-width: 1px;
}
</style>
<!-- javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://d3js.org/d3.geo.projection.v0.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="script.js"></script>
<script></script>
</head>
<body>
<div id="globe"></div>
</body>
Modified http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js to a secure url
Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://d3js.org/d3.geo.projection.v0.min.js to a secure url
Modified http://d3js.org/topojson.v1.min.js to a secure url
https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js
https://d3js.org/d3.v3.min.js
https://d3js.org/d3.geo.projection.v0.min.js
https://d3js.org/topojson.v1.min.js