xxxxxxxxxx
<html>
<head>
<style>
body {
font: 10px sans-serif;
}
#main {
left: 25%;
position: absolute;
}
#main #text {
padding-bottom: 10px;
}
</style>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>GDP of all countries</title>
<link type="text/css" rel="stylesheet" href="pack-hierarchy.css"/>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@12.10.3/d3.layout.js"></script>
<link rel="stylesheet" href="tooltip.css">
<script src="https://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>window.jQuery || document.write('<script src="https://code.jquery.com/jquery-1.7.2.min.js"><\/script>')</script>
<script src="tooltip.js"></script>
</head>
<body>
<h2>
<div id = "footer">
<a href="https://www.cia.gov/library/publications/the-world-factbook/docs/notesanddefs.html#2001"> GDP (PPP) <br>of all countries<br></a>
<div class="hint">click to zoom; click on the outer circle to zoom out<br>
hierarchy has only been created to allow easier selection<br>
circles have hyperlinks to the CIA World Factbook<br><br>
Thanks to Michael Schierl for factbook data
</div>
</div>
</h2>
<script src="packcities.js">
</script>
</body>
</html>
Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://mbostock.github.com/d3/d3.layout.js to a secure url
Modified http://code.jquery.com/jquery-1.7.2.min.js to a secure url
Modified http://code.jquery.com/jquery-1.7.2.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://mbostock.github.com/d3/d3.layout.js
https://code.jquery.com/jquery-1.7.2.min.js
https://code.jquery.com/jquery-1.7.2.min.js