Continent Maps
Description:
A map showing a single continent of the world along with its associated countries.
| Continent | Population | Area | Density | Pop. % |
|---|---|---|---|---|
| Asia | 4,641,054,775 | 31,033,131 km² | 150 p/km² | 59.54% |
| Africa | 1,340,598,147 | 29,648,481 km² | 45 p/km² | 17.20% |
| Europe | 747,636,026 | 22,134,900 km² | 34 p/km² | 9.59% |
| North America | 592,072,212 | 21,330,000 km² | 28 p/km² | 7.60% |
| South America | 430,759,766 | 17,461,112 km² | 25 p/km² | 5.53% |
| Australia/Oceania | 42,677,813 | 8,486,460 | 5 p/km² | 0.55% |
| Antarctica | 0 | 13,720,000 | 0 | 0.00% |
<!DOCTYPE html>
<html>
<head>
<title>Continents | World Map</title>
</head>
<body>
<h1>Continent Map</h1>
<div id="map" style="width: 100%; max-width: 700px; height: 350px; float: left; position: relative;"></div>
<script src="https://world-map.org/cartography/scripts/d3.js"></script>
<script src="https://world-map.org/cartography/scripts/d3-topojson.js"></script>
<script src="https://world-map.org/cartography/datamaps/continents/continents.min.js"></script>
<script>
var map = new Datamap({
element: document.getElementById('map'),
scope: 'continents',
setProjection: function(element) {
var projection = d3.geo.mercator()
.center([23,30]).rotate([0, 0]).scale(100)
.translate([element.offsetWidth / 2, element.offsetHeight / 2]);
var path = d3.geo.path()
.projection(projection);
return {path: path, projection: projection};
},
geographyConfig: {hideAntarctica: false},
fills: {defaultFill: "#859EDE"}
});
</script>
</body>
</html>
