summaryrefslogtreecommitdiff
path: root/assets/js
diff options
context:
space:
mode:
Diffstat (limited to 'assets/js')
-rw-r--r--assets/js/_app.js.bak2440
-rw-r--r--assets/js/app.js2454
-rw-r--r--assets/js/charts/bar.js2
-rw-r--r--assets/js/charts/pie.js2
-rw-r--r--assets/js/map/choropleth.js4
-rw-r--r--assets/js/map/tooltip.js3
-rw-r--r--assets/js/map/zoom.js3
-rw-r--r--assets/js/ui/compare.js2
-rw-r--r--assets/js/ui/controls.js3
-rw-r--r--assets/js/ui/modal.js2
10 files changed, 2475 insertions, 2440 deletions
diff --git a/assets/js/_app.js.bak b/assets/js/_app.js.bak
new file mode 100644
index 0000000..c3a8403
--- /dev/null
+++ b/assets/js/_app.js.bak
@@ -0,0 +1,2440 @@
+/* initializes the map */
+function Init() {
+ zingchart.loadModules("maps, maps-world-countries", function (e) {
+ zingchart.render({
+ height: 800,
+ width: "100%",
+ id: "myChart",
+ data: myConfig,
+ });
+ });
+}
+window.onload = Init;
+
+/* custom configuration for the map options */
+var myConfig = {
+ backgroundColor: "#161616",
+ shapes: [
+ {
+ type: "zingchart.maps",
+ options: {
+ name: "world.countries",
+ ignore: ["ATA", "FLK", "ATF", "VUT", "WEB"],
+ zooming: true,
+ panning: true,
+ scrolling: true,
+ style: {
+ cursor: "hand",
+ backgroundColor: "rgba(36, 171, 72, 0.8)",
+ label: {
+ visible: false,
+ },
+ tooltip: {
+ "html-mode": true,
+ "border-color": "#24ab48",
+ "border-width": "2px",
+ text: customTooltip,
+ },
+ controls: {
+ visible: false,
+ },
+ },
+ },
+ },
+ ],
+};
+
+/* toggles country labels */
+function countryLabels() {
+ if (myConfig.shapes[0].options.style.label.visible === false) {
+ myConfig.shapes[0].options.style.label.visible = true;
+ myConfig.shapes[0].options.style.label.color = "#ffffff";
+ } else {
+ myConfig.shapes[0].options.style.label.visible = false;
+ }
+ zingchart.exec("myChart", "setdata", {
+ data: myConfig,
+ });
+}
+
+/* prepares for color gradient maps */
+var myMinMax = {};
+var myShortcut = ["pop", "rate", "females", "juveniles", "occupancy"];
+var gradientVal = 0;
+var chartColor = "rgb(255, 255, 255)";
+
+var gradientChart = {
+ backgroundColor: "#161616",
+ shapes: [
+ {
+ type: "zingchart.maps",
+ options: {
+ name: "world.countries",
+ ignore: ["ATA", "FLK", "ATF", "VUT", "WEB"],
+ zooming: true,
+ panning: true,
+ scrolling: true,
+ style: {
+ items: {
+ AFG: {
+ backgroundColor: "rgb(255, 255, 255)",
+ },
+ },
+ cursor: "hand",
+ backgroundColor: chartColor,
+ opacity: gradientVal,
+ label: {
+ visible: false,
+ },
+ tooltip: {
+ "html-mode": true,
+ "border-color": "#24ab48",
+ "border-width": "2px",
+ text: customTooltip,
+ },
+ controls: {
+ visible: false,
+ },
+ },
+ },
+ },
+ ],
+};
+
+function gradientPrep() {
+ var myVal = [];
+ for (var n = 0; n < myShortcut.length; n++) {
+ Object.keys(data).forEach((key, index) => {
+ const check = data[key][myShortcut[n]];
+ const num = isNaN(check) ? null : check;
+ myVal[index] = num;
+ });
+ myMinMax[n] = [
+ Math.min.apply(null, myVal),
+ Math.max.apply(null, myVal),
+ ];
+ }
+}
+
+const numberRound = (x, y) => Math.round(x * Math.pow(10, y)) / Math.pow(10, y);
+
+function gradient(n) {
+ var maxValue = myMinMax["" + n]["1"];
+ Object.keys(data).forEach((key, index) => {
+ const check = data[key][myShortcut[n]];
+ const num = isNaN(check) ? 0 : check;
+ gradientVal = numberRound(255 - (num / maxValue) * 255, 0);
+ chartColor = "rgb(255, " + gradientVal + ", " + gradientVal + ")";
+ gradientChart.shapes[0].options.style.items[key] = {
+ backgroundColor: chartColor,
+ };
+ gradientChart.shapes[0].options.style.items[key].backgroundColor =
+ chartColor;
+ });
+ zingchart.exec("myChart", "setdata", {
+ data: gradientChart,
+ });
+}
+
+// Map configuration settings
+var customTooltip =
+ "<div style='text-align:center;font-weight:bold;font-size:14px;'>" +
+ "%long-text" +
+ "</div>";
+zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
+ZC.LICENSE = [
+ "569d52cefae586f634c54f86dc99e6a9",
+ "ee6b7db5b51705a13dc2339db3edaf6d",
+];
+
+// Secondary chart configuration
+var myConfig2 = {
+ "background-color": "#000",
+ type: "pie",
+ "scale-r": {
+ aperature: 198,
+ "ref-angle": 200 /*relative to starting 90 degree position*/,
+ },
+ legend: {
+ x: "85%",
+ y: "8%",
+ "border-width": "3px",
+ "border-color": "#2B313B",
+ "border-radius": "5px",
+ "font-size": "16px",
+ header: {
+ text: "Legend",
+ "font-size": "18px",
+ "font-color": "#0003cc",
+ "font-weight": "normal",
+ },
+ marker: {
+ type: "circle",
+ },
+ "toggle-action": "remove",
+ },
+ plot: {
+ thousandsSeparator: ",",
+ detach: false,
+ cursor: "hand",
+ borderColor: "#2B313B",
+ borderWidth: 5,
+ animation: {
+ "on-legend-toggle": true,
+ /* set to true to show animation and false to turn off */
+ effect: 5,
+ method: 1,
+ sequence: 1,
+ speed: 0.5,
+ },
+ "value-box": {
+ text: "<b>%t:</b> %v",
+ "font-size": 15,
+ "font-weight": "normal",
+ },
+ tooltip: {
+ text: "%t: %npv%",
+ "font-color": "black",
+ "font-family": "Georgia",
+ "font-size": "17px",
+ "text-alpha": 1,
+ "background-color": "white",
+ alpha: 0.8,
+ "border-color": "#2B313B",
+ "border-width": "2px",
+ "border-radius": "7px",
+ padding: "10%",
+ },
+ },
+ series: [
+ {
+ values: [2145100],
+ text: "United States",
+ backgroundColor: "#0062ff",
+ },
+ {
+ values: [1649804],
+ text: "China",
+ backgroundColor: "#da1e28",
+ },
+ {
+ values: [657680],
+ text: "Brazil",
+ backgroundColor: "#fdd13a",
+ },
+ {
+ values: [609485],
+ text: "Russia",
+ backgroundColor: "#24ab48",
+ },
+ {
+ values: [419623],
+ text: "India",
+ backgroundColor: "#9966ff",
+ },
+ {
+ values: [4564562],
+ text: "Rest of the World",
+ backgroundColor: "#606e85",
+ "data-id": "wo",
+ },
+ ],
+};
+zingchart.render({
+ id: "myChart2",
+ data: myConfig2,
+ height: 770,
+ width: "100%",
+});
+
+// Drilldown charts within pie chart
+var myDrilldownConfig = [];
+
+// Set drilldown chart configurations
+myDrilldownConfig[0] = {
+ backgroundColor: "#000",
+ type: "line",
+ title: {
+ fontColor: "#ffffff",
+ text: "United States",
+ },
+ subtitle: {
+ fontColor: "#ffffff",
+ text: "Prison Population Trend",
+ fontWeight: "normal",
+ },
+ plot: {
+ lineColor: "#0062ff",
+ lineWidth: 3,
+ marker: {
+ backgroundColor: "#0062ff",
+ size: 6,
+ },
+ },
+ scaleX: {
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ },
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ labels: [
+ "2000",
+ "2002",
+ "2004",
+ "2006",
+ "2008",
+ "2010",
+ "2012",
+ "2014",
+ ],
+ },
+ scaleY: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ padding: "2.5%",
+ angle: -90,
+ },
+ values: "1900000:2400000:100000",
+ thousandsSeparator: ",",
+ guide: {
+ lineStyle: "dotted",
+ },
+ },
+ crosshairX: {
+ plotLabel: {
+ text: "%v prisoners",
+ fontSize: 15,
+ borderRadius: 3,
+ },
+ scaleLabel: {
+ backgroundColor: "#53535e",
+ fontColor: "#ffffff",
+ fontSize: 14,
+ borderRadius: 3,
+ },
+ marker: {
+ size: 8,
+ alpha: 0.5,
+ },
+ },
+ series: [
+ {
+ values: [
+ 1937482, 2033022, 2135335, 2258792, 2307504, 2270142, 2228424,
+ 2217947,
+ ],
+ thousandsSeparator: ",",
+ },
+ ],
+};
+myDrilldownConfig[1] = {
+ backgroundColor: "#000",
+ type: "line",
+ title: {
+ text: "China",
+ fontColor: "#ffffff",
+ },
+ subtitle: {
+ text: "Prison Population Trend",
+ fontWeight: "normal",
+ fontColor: "#ffffff",
+ },
+ plot: {
+ lineColor: "#da1e28",
+ lineWidth: 3,
+ marker: {
+ backgroundColor: "#da1e28",
+ size: 6,
+ },
+ },
+ scaleX: {
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ },
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ labels: [
+ "2000",
+ "2002",
+ "2004",
+ "2006",
+ "2008",
+ "2010",
+ "2012",
+ "2014",
+ ],
+ },
+ scaleY: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ padding: "2.5%",
+ angle: -90,
+ },
+ values: "1400000:1800000:100000",
+ thousandsSeparator: ",",
+ guide: {
+ lineStyle: "dotted",
+ },
+ },
+ crosshairX: {
+ plotLabel: {
+ text: "%v prisoners",
+ fontSize: 15,
+ borderRadius: 3,
+ },
+ scaleLabel: {
+ backgroundColor: "#53535e",
+ fontColor: "#ffffff",
+ fontSize: 14,
+ borderRadius: 3,
+ },
+ marker: {
+ size: 8,
+ alpha: 0.5,
+ },
+ },
+ series: [
+ {
+ values: [
+ 1427407, 1512194, 1583006, 1710641, 1735822, 1650000, 1657963,
+ 1657812,
+ ],
+ thousandsSeparator: ",",
+ },
+ ],
+};
+myDrilldownConfig[2] = {
+ backgroundColor: "#000",
+ type: "line",
+ title: {
+ text: "Brazil",
+ fontColor: "#ffffff",
+ },
+ subtitle: {
+ text: "Prison Population Trend",
+ fontWeight: "normal",
+ fontColor: "#ffffff",
+ },
+ plot: {
+ lineColor: "#fdd13a",
+ lineWidth: 3,
+ marker: {
+ backgroundColor: "#fdd13a",
+ size: 6,
+ },
+ },
+ scaleX: {
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ },
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ labels: [
+ "2000",
+ "2002",
+ "2004",
+ "2006",
+ "2008",
+ "2010",
+ "2012",
+ "2014",
+ "2016",
+ ],
+ },
+ scaleY: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ padding: "2.5%",
+ angle: -90,
+ },
+ values: "200000:650000:50000",
+ thousandsSeparator: ",",
+ guide: {
+ lineStyle: "dotted",
+ },
+ },
+ crosshairX: {
+ plotLabel: {
+ text: "%v prisoners",
+ fontSize: 15,
+ borderRadius: 3,
+ },
+ scaleLabel: {
+ backgroundColor: "#53535e",
+ fontColor: "#ffffff",
+ fontSize: 14,
+ borderRadius: 3,
+ },
+ marker: {
+ size: 8,
+ alpha: 0.5,
+ },
+ },
+ series: [
+ {
+ values: [
+ 232755, 239345, 336358, 401236, 451429, 496251, 548003, 622202,
+ 644575,
+ ],
+ thousandsSeparator: ",",
+ },
+ ],
+};
+myDrilldownConfig[3] = {
+ backgroundColor: "#000",
+ type: "line",
+ title: {
+ text: "Russian Federation",
+ fontColor: "#ffffff",
+ },
+ subtitle: {
+ text: "Prison Population Trend",
+ fontWeight: "normal",
+ fontColor: "#ffffff",
+ },
+ plot: {
+ lineColor: "#24ab48",
+ lineWidth: 3,
+ marker: {
+ backgroundColor: "#24ab48",
+ size: 6,
+ },
+ },
+ scaleX: {
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ },
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ labels: [
+ "2000",
+ "2002",
+ "2004",
+ "2006",
+ "2008",
+ "2010",
+ "2012",
+ "2014",
+ "2014",
+ ],
+ },
+ scaleY: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ padding: "2.5%",
+ angle: -90,
+ },
+ values: "600000:1200000:50000",
+ thousandsSeparator: ",",
+ guide: {
+ lineStyle: "dotted",
+ },
+ },
+ crosshairX: {
+ plotLabel: {
+ text: "%v prisoners",
+ fontSize: 15,
+ borderRadius: 3,
+ },
+ scaleLabel: {
+ backgroundColor: "#53535e",
+ fontColor: "#ffffff",
+ fontSize: 14,
+ borderRadius: 3,
+ },
+ marker: {
+ size: 8,
+ alpha: 0.5,
+ },
+ },
+ series: [
+ {
+ values: [
+ 1060404, 980151, 847004, 823403, 883436, 864197, 755651, 677287,
+ 646085,
+ ],
+ thousandsSeparator: ",",
+ },
+ ],
+};
+myDrilldownConfig[4] = {
+ backgroundColor: "#000",
+ type: "line",
+ title: {
+ text: "India",
+ fontColor: "#ffffff",
+ },
+ subtitle: {
+ text: "Prison Population Trend",
+ fontWeight: "normal",
+ fontColor: "#ffffff",
+ },
+ plot: {
+ lineColor: "#9966ff",
+ lineWidth: 3,
+ marker: {
+ backgroundColor: "#9966ff",
+ size: 6,
+ },
+ },
+ scaleX: {
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ },
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ labels: [
+ "2000",
+ "2002",
+ "2004",
+ "2006",
+ "2008",
+ "2010",
+ "2012",
+ "2014",
+ ],
+ },
+ scaleY: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ tick: {
+ lineWidth: 3,
+ lineColor: "#ffffff",
+ },
+ item: {
+ fontSize: 14,
+ fontColor: "#ffffff",
+ padding: "2.5%",
+ angle: -90,
+ },
+ values: "250000:450000:25000",
+ thousandsSeparator: ",",
+ guide: {
+ lineStyle: "dotted",
+ },
+ },
+ crosshairX: {
+ plotLabel: {
+ text: "%v prisoners",
+ fontSize: 15,
+ borderRadius: 3,
+ },
+ scaleLabel: {
+ backgroundColor: "#53535e",
+ fontColor: "#ffffff",
+ fontSize: 14,
+ borderRadius: 3,
+ },
+ marker: {
+ size: 8,
+ alpha: 0.5,
+ },
+ },
+ series: [
+ {
+ values: [
+ 272079, 322357, 331391, 373271, 384753, 368998, 385135, 418536,
+ ],
+ thousandsSeparator: ",",
+ },
+ ],
+};
+
+// Loads drilldown chart onclick
+zingchart.node_click = function (e) {
+ if (e.id === "myChart2") {
+ if (e["data-id"] === "wo") {
+ null;
+ } else {
+ zingchart.exec("myChart2", "destroy");
+ zingchart.render({
+ id: "myNextChart",
+ data: myDrilldownConfig[e.plotindex],
+ /*to reference the drilldown charts*/
+ height: 500,
+ width: "100%",
+ });
+ }
+ } else if (e.id === "myNextChart") {
+ zingchart.exec("myNextChart", "destroy");
+ zingchart.render({
+ id: "myChart2",
+ data: myConfig2,
+ height: 770,
+ width: "100%",
+ });
+ }
+};
+
+/* reset zoom back to full map */
+function reset() {
+ zingchart.render({
+ height: 800,
+ width: "100%",
+ id: "myChart",
+ data: myConfig,
+ });
+}
+
+/* opens the stats modal for each country */
+zingchart.shape_click = function (e) {
+ const newPopulation = isNaN(data[e.shapeid].pop)
+ ? "<span class='text-danger'>Information not available.</span>"
+ : data[e.shapeid].pop.toLocaleString("en");
+ const newRate = isNaN(data[e.shapeid].rate)
+ ? "<span class='text-danger'>Information not available.</span>"
+ : data[e.shapeid].rate;
+ const newFemales = isNaN(data[e.shapeid].females)
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[e.shapeid].females * 100).toFixed(2).concat(" %");
+ const newJuveniles = isNaN(data[e.shapeid].juveniles)
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[e.shapeid].juveniles * 100).toFixed(2).concat(" %");
+ const newOccupancy = isNaN(data[e.shapeid].occupancy)
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[e.shapeid].occupancy * 100).toFixed(2).concat(" %");
+ var newModal =
+ "<div class='modal fade' role='dialog'><div class='modal-dialog'><div class='modal-content'><div class='modal-header'><h4 class='modal-title'>" +
+ data[e.shapeid].country +
+ "</h4></div><div class='modal-body'><p><b>Prison Population:</b> " +
+ newPopulation +
+ "</p><p><b>Rate per 100,000 Citizens:</b> " +
+ newRate +
+ "</p><p><b>Females:</b> " +
+ newFemales +
+ "</p><p><b>Juveniles:</b> " +
+ newJuveniles +
+ "</p><p><b>Occupancy:</b> " +
+ newOccupancy +
+ "</p><p><b>Government:</b> " +
+ data[e.shapeid].government +
+ "</p></div><div class='modal-footer'><button type='button' class='btn btn-outline-success' data-dismiss='modal'>Close</button></div></div></div></div>";
+ $(newModal).modal({
+ show: false,
+ });
+ $(newModal).modal("show");
+};
+
+/* comparison function #1 - creates selection modal */
+function compare() {
+ var str = "";
+ Object.keys(data).forEach(function (key, index) {
+ str +=
+ "<option value=" + key + ">" + data[key]["country"] + "</option>";
+ });
+ /* this will create a modal with options to choose the two countries to compare */
+ var modalPopup =
+ "<div id='modal-popup' class='modal fade' role='dialog'><div class='modal-dialog modal-lg'><div class='modal-content'><div class='modal-header bg-success d-flex justify-content-between align-items-center' style='background-color:#24ab48'><h4 class='modal-title'>Country Comparison</h4><a href='#' onclick='questionModal()'><i id='qIcon' class='far fa-question-circle' style='color:#ffffff;font-size:18px;float:right;'></i></a></div><div class='modal-body'><div id='modalAlertDiv'></div><div class='row'><div class='col-md-6'><select id='select1'>" +
+ str +
+ "</select></div><div class='col-md-6'><select id='select2'>" +
+ str +
+ "</select></div></div></div><div class='modal-footer'><button type='button' class='btn btn-success' id='comparebtn' onclick='compare2()'>Compare!</button><button type='button' class='btn btn-outline-success' data-dismiss='modal'>Close</button></div></div></div></div>";
+ $(modalPopup).modal({
+ show: false,
+ });
+ $(modalPopup).modal("show");
+}
+
+/* comparison function #2 - creates comparison modal */
+function compare2() {
+ var country1 = $("#select1 option:selected").val();
+ var country2 = $("#select2 option:selected").val();
+
+ if (country1 === country2) {
+ $("#modalAlertDiv").html(
+ "<div class='alert alert-danger'><a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a><strong>Oops!</strong> You chose to compare the same country. Try selecting two different countries.</div>"
+ );
+ } else {
+ $("#modalAlertDiv").empty();
+ /* variables for country1 */
+ const newPopulation1 = isNaN(data[country1]["pop"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : data[country1]["pop"].toLocaleString("en");
+ const newRate1 = isNaN(data[country1]["rate"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : data[country1]["rate"];
+ const newFemales1 = isNaN(data[country1]["females"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[country1]["females"] * 100).toFixed(2).concat(" %");
+ const newJuveniles1 = isNaN(data[country1]["juveniles"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[country1]["juveniles"] * 100).toFixed(2).concat(" %");
+ const newOccupancy1 = isNaN(data[country1]["occupancy"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[country1]["occupancy"] * 100).toFixed(2).concat(" %");
+ /* variables for country2 */
+ const newPopulation2 = isNaN(data[country2]["pop"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : data[country2]["pop"].toLocaleString("en");
+ const newRate2 = isNaN(data[country2]["rate"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : data[country2]["rate"];
+ const newFemales2 = isNaN(data[country2]["females"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[country2]["females"] * 100).toFixed(2).concat(" %");
+ const newJuveniles2 = isNaN(data[country2]["juveniles"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[country2]["juveniles"] * 100).toFixed(2).concat(" %");
+ const newOccupancy2 = isNaN(data[country2]["occupancy"])
+ ? "<span class='text-danger'>Information not available.</span>"
+ : (data[country2]["occupancy"] * 100).toFixed(2).concat(" %");
+
+ var newModalPopup =
+ "<div class='fade modal' role=dialog><div class='modal-dialog modal-lg'><div class='modal-content'><div class='modal-header bg-success'><h4 class=modal-title>Side-By-Side Comparison</h4></div><div class=modal-body><table class='table'><thead><tr><th></th><th>" +
+ data[country1]["country"] +
+ "</th><th>" +
+ data[country2]["country"] +
+ "</th></thead><tbody><tr><td><b>Prison Population:</b></td><td>" +
+ newPopulation1 +
+ "</td><td>" +
+ newPopulation2 +
+ "</td></tr><tr><td><b>Rate per 100,000 Citizens:<b></td><td>" +
+ newRate1 +
+ "</td><td>" +
+ newRate2 +
+ "</td></tr><tr><td><b>Females:<b></td><td>" +
+ newFemales1 +
+ "</td><td>" +
+ newFemales2 +
+ "</td></tr><tr><td><b>Juveniles:</b></td><td>" +
+ newJuveniles1 +
+ "</td><td>" +
+ newJuveniles2 +
+ "</td></tr><tr><td><b>Occupancy:</b></td><td>" +
+ newOccupancy1 +
+ "</td><td>" +
+ newOccupancy2 +
+ "</td></tr><tr><td><b>Government:</b></td><td>" +
+ data[country1]["government"] +
+ "</td><td>" +
+ data[country2]["government"] +
+ "</td></tr></tbody></table></div><div class=modal-footer><button class='btn btn-outline-success' data-dismiss=modal type=button>Close</button></div></div></div></div>";
+ $(newModalPopup).modal({
+ show: false,
+ });
+ $(newModalPopup).modal("show");
+ $("#modal-popup").modal({
+ show: false,
+ });
+ }
+}
+
+function graphInfoBtn() {
+ var graphInfo =
+ "<div class='fade modal' role=dialog><div class='modal-dialog modal-lg'><div class=modal-content><div class='modal-header bg-secondary text-dark'><h4 class=modal-title>Just a Tip!</h4></div><div class=modal-body><i style='color:#da1e28'><b>Did you know...</b></i> you can click any country's pie segment to see a trend of their recent incarceration populations!<hr style='border-top: dotted 1px;'/><i style='color:#da1e28'><b>Did you know...</b></i> you can click any point on the line graphs to return to the pie chart.</div><div class=modal-footer><button class='btn btn-secondary' data-dismiss=modal type=button>Close</button></div></div></div></div>";
+ $(graphInfo).modal({
+ show: false,
+ });
+ $(graphInfo).modal("show");
+}
+
+function questionModal() {
+ var questionModal =
+ "<div class='modal fade' role='dialog'> <div class='modal-dialog modal-lg'> <div class='modal-content'> <div class='modal-header bg-success'><h4 class='modal-title'>Stuck?</h4></div><div class='modal-body'><p><b>Just a tip:</b> If the countries aren't changing in the comparison modal after you select new countries from the dropdown menus, just refresh the page and it should work!</p></div><div class='modal-footer'><button type='button' class='btn btn-outline-success' data-dismiss='modal'>Close</button></div></div></div></div>";
+ $(questionModal).modal({
+ show: false,
+ });
+ $(questionModal).modal("show");
+}
+
+/* data for each country */
+var data = {
+ AFG: {
+ country: "Afghanistan",
+ pop: 27527,
+ rate: 75,
+ females: 0.028,
+ juveniles: 0.04,
+ occupancy: 1.9,
+ government: "Presidential Islamic Republic",
+ },
+ ALB: {
+ country: "Albania",
+ pop: 5447,
+ rate: 189,
+ females: 0.019,
+ juveniles: 0.012,
+ occupancy: 1.058,
+ government: "Parliamentary Republic",
+ },
+ DZA: {
+ country: "Algeria",
+ pop: 61000,
+ rate: 155,
+ females: 0.017,
+ juveniles: 0.007,
+ occupancy: 0.893,
+ government: "Presidential Republic",
+ },
+ AGO: {
+ country: "Angola",
+ pop: 24165,
+ rate: 96,
+ females: 0.036,
+ juveniles: "--",
+ occupancy: 1.108,
+ government: "Presidential Republic",
+ },
+ ARG: {
+ country: "Argentina",
+ pop: 72693,
+ rate: 167,
+ females: 0.041,
+ juveniles: 0,
+ occupancy: 1.062,
+ government: "Presidential Republic",
+ },
+ ARM: {
+ country: "Armenia",
+ pop: 4873,
+ rate: 162,
+ females: 0.044,
+ juveniles: 0.002,
+ occupancy: 1.063,
+ government: "Parliamentary Democracy",
+ },
+ AUS: {
+ country: "Australia",
+ pop: 41237,
+ rate: 168,
+ females: 0.081,
+ juveniles: 0.001,
+ occupancy: 0.96,
+ government: "Parliamentary Democracy",
+ },
+ AUT: {
+ country: "Austria",
+ pop: 8290,
+ rate: 94,
+ females: 0.057,
+ juveniles: 0.014,
+ occupancy: 0.949,
+ government: "Federal Parliamentary Republic",
+ },
+ AZE: {
+ country: "Azerbaijan",
+ pop: 23311,
+ rate: 239,
+ females: 0.031,
+ juveniles: 0.003,
+ occupancy: 0.949,
+ government: "Presidential Republic",
+ },
+ BHS: {
+ country: "Bahamas",
+ pop: 1727,
+ rate: 439,
+ females: 0.032,
+ juveniles: "--",
+ occupancy: 1.727,
+ government: "Parliamentary Democracy",
+ },
+ BGD: {
+ country: "Bangladesh",
+ pop: 78578,
+ rate: 48,
+ females: 0.038,
+ juveniles: 0.004,
+ occupancy: 2.146,
+ government: "Parliamentary Republic",
+ },
+ BLR: {
+ country: "Belarus",
+ pop: 29776,
+ rate: 314,
+ females: 0.075,
+ juveniles: 0.003,
+ occupancy: 0.834,
+ government: "Presidential Republic/Dictatorship",
+ },
+ BEL: {
+ country: "Belgium",
+ pop: 10619,
+ rate: 94,
+ females: 0.046,
+ juveniles: 0.006,
+ occupancy: 1.096,
+ government: "Federal Parliamentary Democracy",
+ },
+ BLZ: {
+ country: "Belize",
+ pop: 1297,
+ rate: 356,
+ females: 0.035,
+ juveniles: 0.031,
+ occupancy: 0.873,
+ government: "Parliamentary Democracy",
+ },
+ BEN: {
+ country: "Benin",
+ pop: 7067,
+ rate: 67,
+ females: 0.05,
+ juveniles: 0.021,
+ occupancy: 2.4,
+ government: "Presidential Republic",
+ },
+ BTN: {
+ country: "Bhutan",
+ pop: 1119,
+ rate: 145,
+ females: 0.043,
+ juveniles: 0.034,
+ occupancy: "--",
+ government: "Constitutional Monarchy",
+ },
+ BOL: {
+ country: "Bolivia",
+ pop: 14598,
+ females: 0.082,
+ juveniles: 0.129,
+ occupancy: 2.539,
+ government: "Presidential Republic",
+ },
+ BIH: {
+ country: "Bosnia and Herzegovina",
+ pop: 1722,
+ rate: 73,
+ females: 0.029,
+ juveniles: 0.002,
+ occupancy: 1.021,
+ government: "Parliamentary Republic",
+ },
+ BWA: {
+ country: "Botswana",
+ pop: 4376,
+ rate: 210,
+ females: 0.018,
+ juveniles: 0.104,
+ occupancy: 1.009,
+ government: "Parliamentary Republic",
+ },
+ BRA: {
+ country: "Brazil",
+ pop: 657680,
+ rate: 318,
+ females: 0.069,
+ juveniles: 0,
+ occupancy: 1.639,
+ government: "Federal Presidential Republic",
+ },
+ BRN: {
+ country: "Brunei Darussalam",
+ pop: 565,
+ rate: 134,
+ females: 0.073,
+ juveniles: 0.004,
+ occupancy: 1.328,
+ government: "Absolute Monarchy or Sultanate",
+ },
+ BGR: {
+ country: "Bulgaria",
+ pop: 9028,
+ rate: 125,
+ females: 0.032,
+ juveniles: 0.008,
+ occupancy: 0.856,
+ government: "Parliamentary Republic",
+ },
+ BFA: {
+ country: "Burkina Faso",
+ pop: 7544,
+ rate: 41,
+ females: 0.015,
+ juveniles: 0.032,
+ occupancy: 1.886,
+ government: "Presidential Republic",
+ },
+ BDI: {
+ country: "Burundi",
+ pop: 10049,
+ rate: 86,
+ females: 0.045,
+ juveniles: 0.023,
+ occupancy: 2.396,
+ government: "Presidential Republic",
+ },
+ KHM: {
+ country: "Cambodia",
+ pop: 25500,
+ rate: 159,
+ females: 0.08,
+ juveniles: 0.041,
+ occupancy: 2.061,
+ government: "Parliamentary Constitutional Monarchy",
+ },
+ CMR: {
+ country: "Cameroon",
+ pop: 27997,
+ rate: 115,
+ females: 0.027,
+ juveniles: 0.029,
+ occupancy: 1.578,
+ government: "Presidential Republic",
+ },
+ CAN: {
+ country: "Canada",
+ pop: 41145,
+ rate: 114,
+ females: 0.056,
+ juveniles: 0.026,
+ occupancy: 1.022,
+ government: "Federal Parliamentary Democracy",
+ },
+ CAF: {
+ country: "Central African Republic",
+ pop: 764,
+ rate: 16,
+ females: 0.082,
+ juveniles: "--",
+ occupancy: "--",
+ government: "Presidential Republic",
+ },
+ TCD: {
+ country: "Chad",
+ pop: 4831,
+ rate: 39,
+ females: 0.028,
+ juveniles: 0.033,
+ occupancy: 2.323,
+ government: "Presidential Republic",
+ },
+ CHL: {
+ country: "Chile",
+ pop: 42931,
+ rate: 236,
+ females: 0.089,
+ juveniles: 0.004,
+ occupancy: 1.109,
+ government: "Presidential Republic",
+ },
+ CHN: {
+ country: "China",
+ pop: 1649804,
+ rate: 118,
+ females: 0.065,
+ juveniles: 0.008,
+ occupancy: "--",
+ government: "Communist State",
+ },
+ COL: {
+ country: "Colombia",
+ pop: 115708,
+ rate: 227,
+ females: 0.066,
+ juveniles: 0,
+ occupancy: 1.464,
+ government: "Presidential Republic",
+ },
+ COD: {
+ country: "Democratic Republic of the Congo",
+ pop: 20550,
+ rate: 29,
+ females: 0.03,
+ juveniles: "--",
+ occupancy: 5.33,
+ government: "Unitary Semi-Presidential Republic",
+ },
+ COG: {
+ country: "Republic of the Congo",
+ pop: 1240,
+ rate: 27,
+ females: 0.037,
+ juveniles: 0.044,
+ occupancy: 5.33,
+ government: "Unitary Semi-Presidential Republic",
+ },
+ CRI: {
+ country: "Costa Rica",
+ pop: 19226,
+ rate: 374,
+ females: 0.054,
+ juveniles: 0.016,
+ occupancy: 1.394,
+ government: "Presidential Republic",
+ },
+ HRV: {
+ country: "Croatia",
+ pop: 3228,
+ rate: 78,
+ females: 0.041,
+ juveniles: 0.007,
+ occupancy: 0.803,
+ government: "Parliamentary Republic",
+ },
+ CUB: {
+ country: "Cuba",
+ pop: 57337,
+ rate: 510,
+ females: "--",
+ juveniles: "--",
+ occupancy: "--",
+ government: "Communist State",
+ },
+ CYP: {
+ country: "Cyprus",
+ pop: 654,
+ rate: 77,
+ females: 0.067,
+ juveniles: 0.015,
+ occupancy: 0.973,
+ government: "Presidential Democracy",
+ },
+ CZE: {
+ country: "Czech Republic",
+ pop: 22508,
+ rate: 212,
+ females: 0.074,
+ juveniles: 0.004,
+ occupancy: 1.065,
+ government: "--",
+ },
+ CIV: {
+ country: "Cote d'Ivoire",
+ pop: 11192,
+ rate: 51,
+ females: 0.021,
+ juveniles: 0.017,
+ occupancy: 2.18,
+ government: "Presidential Republic",
+ },
+ DNK: {
+ country: "Denmark",
+ pop: 3418,
+ rate: 59,
+ females: 0.04,
+ juveniles: 0.003,
+ occupancy: 0.952,
+ government: "Parliamentary Constitutional Monarchy",
+ },
+ DJI: {
+ country: "Djibouti",
+ pop: 600,
+ rate: 66,
+ females: 0.05,
+ juveniles: 0.05,
+ occupancy: 1.714,
+ government: "Semi-Presidential Republic",
+ },
+ DOM: {
+ country: "Dominican Republic",
+ pop: 26796,
+ rate: 245,
+ females: 0.026,
+ juveniles: 0.023,
+ occupancy: 1.885,
+ government: "Presidential Republic",
+ },
+ ECU: {
+ country: "Ecuador",
+ pop: 26421,
+ rate: 160,
+ females: 0.077,
+ juveniles: 0.021,
+ occupancy: 1.144,
+ government: "Presidential Republic",
+ },
+ EGY: {
+ country: "Egypt",
+ pop: 106000,
+ rate: 116,
+ females: 0.037,
+ juveniles: "--",
+ occupancy: "--",
+ government: "Presidential Republic",
+ },
+ SLV: {
+ country: "El Salvador",
+ pop: 38893,
+ rate: 597,
+ females: 0.099,
+ juveniles: 0,
+ occupancy: 3.482,
+ government: "Presidential Republic",
+ },
+ GNQ: {
+ country: "Equatorial Guinea",
+ pop: 500,
+ rate: 63,
+ females: 0.05,
+ juveniles: "--",
+ occupancy: "--",
+ government: "Presidential Republic",
+ },
+ ERI: {
+ country: "Eritrea",
+ pop: "--",
+ rate: "--",
+ females: "--",
+ juveniles: "--",
+ occupancy: "--",
+ government: "Unitary Presidential Republic",
+ },
+ EST: {
+ country: "Estonia",
+ pop: 2774,
+ rate: 210,
+ females: 0.055,
+ juveniles: 0.008,
+ occupancy: 0.833,
+ government: "Parliamentary Republic",
+ },
+ ETH: {
+ country: "Ethiopia",
+ pop: 113727,
+ rate: 127,
+ females: 0.042,
+ juveniles: "--",
+ occupancy: "--",
+ government: "Federal Parliamentary Republic",
+ },
+ FJI: {
+ country: "Fiji",
+ pop: 1423,
+ rate: 158,
+ females: 0.052,
+ juveniles: 0.007,
+ occupancy: 1.037,
+ government: "Parliamentary Republic",
+ },
+ FIN: {
+ country: "Finland",
+ pop: 3174,
+ rate: 57,
+ females: 0.077,
+ juveniles: 0.003,
+ occupancy: 1.058,
+ government: "Parliamentary Republic",
+ },
+ FRA: {
+ country: "France",
+ pop: 70018,
+ rate: 103,
+ females: 0.035,
+ juveniles: 0.012,
+ occupancy: 1.185,
+ government: "Semi-Presidential Republic",
+ },
+ GUF: {
+ country: "French Guiana",
+ pop: 840,
+ rate: 305,
+ females: 0.106,
+ juveniles: 0.012,
+ occupancy: 1.37,
+ government: "--",
+ },
+ GAB: {
+ country: "Gabon",
+ pop: 3373,
+ rate: 191,
+ females: 0.035,
+ juveniles: 0.029,
+ occupancy: "--",
+ government: "Presidential Republic",
+ },
+ GMB: {
+ country: "Gambia",
+ pop: 1121,
+ rate: 58,
+ females: 0.025,
+ juveniles: 0.013,
+ occupancy: 1.725,
+ government: "Presidential Republic",
+ },
+ GEO: {
+ country: "Georgia",
+ pop: 9451,
+ rate: 254,
+ females: 0.029,
+ juveniles: 0.003,
+ occupancy: 0.456,
+ government: "Semi-Presidential Republic",
+ },
+ DEU: {
+ country: "Germany",
+ pop: 64193,
+ rate: 77,
+ females: 0.058,
+ juveniles: 0.069,
+ occupancy: 0.874,
+ government: "Federal Parliamentary Republic",
+ },
+ GHA: {
+ country: "Ghana",
+ pop: 13764,
+ rate: 49,
+ females: 0.012,
+ juveniles: 0.009,
+ occupancy: 1.394,
+ government: "Presidential Republic",
+ },
+ GNB: {
+ country: "Guinea Buissau",
+ pop: 196,
+ rate: 10,
+ females: 0.026,
+ juveniles: 0.026,
+ occupancy: 1.022,
+ government: "Presidential Republic",
+ },
+ GRC: {
+ country: "Greece",
+ pop: 9789,
+ rate: 91,
+ females: 0.055,
+ juveniles: 0.029,
+ occupancy: 0.99,
+ government: "Parliamentary Republic",
+ },
+ GRL: {
+ country: "Greenland",
+ pop: 126,
+ rate: 226,
+ females: 0.138,
+ juveniles: 0,
+ occupancy: 0.753,
+ government: "Parliamentary Democracy",
+ },
+ GTM: {
+ country: "Guatemala",
+ pop: 22907,
+ rate: 134,
+ females: 0.103,
+ juveniles: 0.046,
+ occupancy: 2.962,
+ government: "Presidential Republic",
+ },
+ GIN: {
+ country: "Guinea",
+ pop: 2900,
+ rate: 23,
+ females: 0.037,
+ juveniles: 0.063,
+ occupancy: 1.748,
+ government: "Presidential Republic",
+ },
+ GUY: {
+ country: "Guyana",
+ pop: 2113,
+ rate: 278,
+ females: 0.035,
+ juveniles: 0.007,
+ occupancy: 1.288,
+ government: "Parliamentary Republic",
+ },
+ HTI: {
+ country: "Haiti",
+ pop: 10500,
+ rate: 96,
+ females: 0.041,
+ juveniles: 0.024,
+ occupancy: 4.544,
+ government: "Semi-Presidential Republic",
+ },
+ HND: {
+ country: "Honduras",
+ pop: 17253,
+ rate: 200,
+ females: 0.043,
+ juveniles: "--",
+ occupancy: 1.628,
+ government: "Presidential Republic",
+ },
+ HUN: {
+ country: "Hungary",
+ pop: 17963,
+ rate: 184,
+ females: 0.075,
+ juveniles: 0.004,
+ occupancy: 1.29,
+ government: "Parliamentary Republic",
+ },
+ ISL: {
+ country: "Iceland",
+ pop: 131,
+ rate: 38,
+ females: 0.061,
+ juveniles: 0,
+ occupancy: 0.862,
+ government: "Parliamentary Republic",
+ },
+ IND: {
+ country: "India",
+ pop: 419623,
+ rate: 33,
+ females: 0.043,
+ juveniles: 0,
+ occupancy: 1.144,
+ government: "Federal Parliamentary Republic",
+ },
+ IDN: {
+ country: "Indonesia",
+ pop: 225025,
+ rate: 86,
+ females: 0.055,
+ juveniles: 0.032,
+ occupancy: 1.827,
+ government: "Republic",
+ },
+ IRN: {
+ country: "Iran",
+ pop: 225624,
+ females: 0.031,
+ juveniles: 0.005,
+ occupancy: 1.612,
+ government: "Republic",
+ },
+ IRQ: {
+ country: "Iraq",
+ pop: 42880,
+ rate: 123,
+ females: 0.026,
+ juveniles: 0.036,
+ occupancy: 1.392,
+ government: "Republic",
+ },
+ IRL: {
+ country: "Ireland",
+ pop: 3593,
+ rate: 75,
+ females: 0.038,
+ juveniles: 0.01,
+ occupancy: 0.841,
+ government: "Republic",
+ },
+ ISR: {
+ country: "Israel",
+ pop: 21072,
+ rate: 265,
+ females: 0.01,
+ juveniles: 0.027,
+ occupancy: 0.801,
+ government: "Republic",
+ },
+ ITA: {
+ country: "Italy",
+ pop: 57661,
+ rate: 95,
+ females: 0.042,
+ juveniles: 0.003,
+ occupancy: 1.142,
+ government: "Republic",
+ },
+ JAM: {
+ country: "Jamaica",
+ pop: 3866,
+ rate: 138,
+ females: 0.047,
+ juveniles: 0.052,
+ occupancy: 0.888,
+ government: "Constituitional Monarchy",
+ },
+ JPN: {
+ country: "Japan",
+ pop: 56805,
+ rate: 45,
+ females: 0.084,
+ juveniles: 0,
+ occupancy: 0.668,
+ government: "Constituitional Monarchy",
+ },
+ JOR: {
+ country: "Jordan",
+ pop: 11489,
+ rate: 150,
+ females: 0.04,
+ juveniles: "--",
+ occupancy: 0.693,
+ government: "Constituitional Monarchy",
+ },
+ KAZ: {
+ country: "Kazakhstan",
+ pop: 36343,
+ rate: 202,
+ females: 0.076,
+ juveniles: 0.002,
+ occupancy: 0.689,
+ government: "Republic",
+ },
+ KEN: {
+ country: "Kenya",
+ pop: 53841,
+ rate: 114,
+ females: 0.074,
+ juveniles: 0.012,
+ occupancy: 2.017,
+ government: "Republic",
+ },
+ KOS: {
+ country: "Kosovo",
+ pop: 1849,
+ rate: 106,
+ females: 0.025,
+ juveniles: 0.034,
+ occupancy: 0.87,
+ government: "Republic",
+ },
+ KWT: {
+ country: "Kuwait",
+ pop: 5400,
+ rate: 147,
+ females: 0.025,
+ juveniles: "--",
+ occupancy: 0.87,
+ government: "Constituitional Monarchy",
+ },
+ KGZ: {
+ country: "Kyrgyzstan",
+ pop: 10195,
+ rate: 166,
+ females: 0.042,
+ juveniles: 0.004,
+ occupancy: 0.585,
+ government: "Republic",
+ },
+ LAO: {
+ country: "Laos",
+ pop: 8201,
+ rate: 119,
+ females: 0.183,
+ juveniles: "--",
+ occupancy: "--",
+ government: "Republic",
+ },
+ LVA: {
+ country: "Latvia",
+ pop: 4243,
+ rate: 218,
+ females: 0.082,
+ juveniles: 0.01,
+ occupancy: 0.753,
+ government: "Republic",
+ },
+ LBN: {
+ country: "Lebanon",
+ pop: 6500,
+ rate: 128,
+ females: 0.046,
+ juveniles: 0.024,
+ occupancy: 1.857,
+ government: "Republic",
+ },
+ LSO: {
+ country: "Lesotho",
+ pop: 2073,
+ rate: 92,
+ females: 0.036,
+ juveniles: 0.024,
+ occupancy: 0.706,
+ government: "Constitutional Monarchy",
+ },
+ LBR: {
+ country: "Liberia",
+ pop: 2023,
+ rate: 44,
+ females: 0.013,
+ juveniles: 0.01,
+ occupancy: 1.657,
+ government: "Republic",
+ },
+ LBY: {
+ country: "Libya",
+ pop: 6187,
+ rate: 99,
+ females: 0.012,
+ juveniles: "--",
+ occupancy: 1.416,
+ government: "--",
+ },
+ LTU: {
+ country: "Lithuania",
+ pop: 6616,
+ rate: 235,
+ females: 0.049,
+ juveniles: 0.007,
+ occupancy: 0.826,
+ government: "Republic",
+ },
+ LUX: {
+ country: "Luxembourg",
+ pop: 690,
+ rate: 115,
+ females: 0.055,
+ juveniles: 0.009,
+ occupancy: 0.97,
+ government: "Constituitional Monarchy",
+ },
+ MKD: {
+ country: "Macedonia",
+ pop: 3222,
+ rate: 156,
+ females: 0.032,
+ juveniles: 0.007,
+ occupancy: 1.323,
+ government: "Republic",
+ },
+ MDG: {
+ country: "Madagascar",
+ pop: 22000,
+ rate: 88,
+ females: 0.045,
+ juveniles: 0.034,
+ occupancy: 1.93,
+ government: "Republic",
+ },
+ MWI: {
+ country: "Malawi",
+ pop: 14018,
+ rate: 79,
+ females: 0.011,
+ juveniles: 0.077,
+ occupancy: 2.003,
+ government: "Republic",
+ },
+ MYS: {
+ country: "Malaysia",
+ pop: 51602,
+ rate: 167,
+ females: 0.069,
+ juveniles: 0.022,
+ occupancy: 1.139,
+ government: "Constitutional Monarchy",
+ },
+ MLI: {
+ country: "Mali",
+ pop: 5209,
+ rate: 33,
+ females: 0.028,
+ juveniles: 0.013,
+ occupancy: 2.233,
+ government: "Republic",
+ },
+ MRT: {
+ country: "Mauritania",
+ pop: 1768,
+ rate: 44,
+ females: 0.012,
+ juveniles: 0.031,
+ occupancy: 1.019,
+ government: "Republic",
+ },
+ MEX: {
+ country: "Mexico",
+ pop: 208689,
+ rate: 169,
+ females: 0.052,
+ juveniles: 0.043,
+ occupancy: 0.979,
+ government: "Executive Republic",
+ },
+ MDA: {
+ country: "Moldova",
+ pop: 7868,
+ rate: 222,
+ females: 0.082,
+ juveniles: 0.003,
+ occupancy: 0.909,
+ government: "Ceremonial Republic",
+ },
+ MNG: {
+ country: "Mongolia",
+ pop: 7690,
+ rate: 262,
+ females: 0.051,
+ juveniles: 0.009,
+ occupancy: 1.244,
+ government: "Executive Republic",
+ },
+ MNE: {
+ country: "Montenegro",
+ pop: 1131,
+ rate: 182,
+ females: 0.031,
+ juveniles: 0.004,
+ occupancy: 0.838,
+ government: "Ceremonial Republic",
+ },
+ MAR: {
+ country: "Morocco",
+ pop: 80000,
+ rate: 227,
+ females: 0.023,
+ juveniles: 0.027,
+ occupancy: 1.578,
+ government: "Executive Constitutional Monarchy",
+ },
+ MOZ: {
+ country: "Mozambique",
+ pop: 15976,
+ rate: 57,
+ females: 0.029,
+ juveniles: 0.086,
+ occupancy: 1.951,
+ government: "Executive Republic",
+ },
+ MMR: {
+ country: "Myanmar",
+ pop: 79668,
+ rate: 145,
+ females: 0.123,
+ juveniles: 0.016,
+ occupancy: 1.443,
+ government: "Executive Republic",
+ },
+ NAM: {
+ country: "Namibia",
+ pop: 3742,
+ rate: 149,
+ females: 0.029,
+ juveniles: 0.002,
+ occupancy: 0.727,
+ government: "Executive Republic",
+ },
+ NPL: {
+ country: "Nepal",
+ pop: 18881,
+ rate: 65,
+ females: 0.073,
+ juveniles: 0.055,
+ occupancy: 1.78,
+ government: "Ceremonial Republic",
+ },
+ NLD: {
+ country: "Netherlands",
+ pop: 10102,
+ rate: 59,
+ females: 0.054,
+ juveniles: 0.012,
+ occupancy: 0.681,
+ government: "Ceremonial Constitutional Monarchy",
+ },
+ NCL: {
+ country: "New Caledonia",
+ pop: 549,
+ rate: 204,
+ females: 0.015,
+ juveniles: 0.031,
+ occupancy: 1.366,
+ government: "French Republic",
+ },
+ NZL: {
+ country: "New Zealand",
+ pop: 10260,
+ rate: 214,
+ females: 0.074,
+ juveniles: 0.006,
+ occupancy: 1.061,
+ government: "Ceremonial Constitutional Monarchy",
+ },
+ NIC: {
+ country: "Nicaragua",
+ pop: 10569,
+ rate: 171,
+ females: 0.054,
+ juveniles: 0.006,
+ occupancy: 1.28,
+ government: "Executive Republic",
+ },
+ NER: {
+ country: "Niger",
+ pop: 8525,
+ rate: 44,
+ females: 0.043,
+ juveniles: "--",
+ occupancy: 0.604,
+ government: "Executive Republic",
+ },
+ NGA: {
+ country: "Nigeria",
+ pop: 68259,
+ rate: 36,
+ females: 0.02,
+ juveniles: 0.017,
+ occupancy: 1.259,
+ government: "Executive Republic",
+ },
+ PRK: {
+ country: "North Korea",
+ pop: 100000,
+ females: "--",
+ juveniles: "--",
+ occupancy: "--",
+ government: "Executive Republic",
+ },
+ NOR: {
+ country: "Norway",
+ pop: 3933,
+ rate: 74,
+ females: 0.064,
+ juveniles: 0.001,
+ occupancy: 0.952,
+ government: "Ceremonial Constitutional Monarchy",
+ },
+ OMN: {
+ country: "Oman",
+ pop: 1300,
+ rate: 36,
+ females: 0.045,
+ juveniles: 0.038,
+ occupancy: "--",
+ government: "Executive Absolute Monarchy",
+ },
+ PAK: {
+ country: "Pakistan",
+ pop: 84315,
+ rate: 44,
+ females: 0.018,
+ juveniles: 0.017,
+ occupancy: 1.716,
+ government: "Ceremonial Republic",
+ },
+ PAN: {
+ country: "Panama",
+ pop: 16151,
+ rate: 393,
+ females: 0.055,
+ juveniles: 0,
+ occupancy: 1.139,
+ government: "Executive Republic",
+ },
+ PNG: {
+ country: "Papau New Guinea",
+ pop: 4945,
+ rate: 63,
+ females: 0.05,
+ juveniles: 0.039,
+ occupancy: 1.187,
+ government: "Ceremonial Consititutional Monarchy",
+ },
+ PRY: {
+ country: "Paraguay",
+ pop: 12741,
+ rate: 180,
+ females: 0.065,
+ juveniles: 0.028,
+ occupancy: 1.786,
+ government: "Executive Republic",
+ },
+ PER: {
+ country: "Peru",
+ pop: 84741,
+ rate: 265,
+ females: 0.058,
+ juveniles: 0,
+ occupancy: 2.293,
+ government: "Executive Republic",
+ },
+ PHL: {
+ country: "Philippines",
+ pop: 178661,
+ rate: 172,
+ females: 0.089,
+ juveniles: 0.004,
+ occupancy: 4.36,
+ government: "Executive Republic",
+ },
+ POL: {
+ country: "Poland",
+ pop: 73717,
+ rate: 194,
+ females: 0.038,
+ juveniles: 0.004,
+ occupancy: 0.9,
+ government: "Executive Republic",
+ },
+ PRT: {
+ country: "Portugal",
+ pop: 13726,
+ rate: 133,
+ females: 0.064,
+ juveniles: 0.001,
+ occupancy: 1.069,
+ government: "Executive Republic",
+ },
+ PRI: {
+ country: "Puerto Rico",
+ pop: 10475,
+ rate: 313,
+ females: 0.036,
+ juveniles: 0.037,
+ occupancy: 0.736,
+ government: "Executive Republic",
+ },
+ QAT: {
+ country: "Qatar",
+ pop: 1150,
+ rate: 53,
+ females: 0.147,
+ juveniles: 0,
+ occupancy: "--",
+ government: "Executive Absolute Monarchy",
+ },
+ ROU: {
+ country: "Romania",
+ pop: 26529,
+ rate: 135,
+ females: 0.051,
+ juveniles: 0.013,
+ occupancy: 0.956,
+ government: "Executive Republic",
+ },
+ RUS: {
+ country: "Russia",
+ pop: 609485,
+ rate: 421,
+ females: 0.079,
+ juveniles: 0.002,
+ occupancy: 0.79,
+ government: "Executive Republic",
+ },
+ RWA: {
+ country: "Rwanda",
+ pop: 54279,
+ rate: 434,
+ females: 0.065,
+ juveniles: 0.004,
+ occupancy: 0.956,
+ government: "Executive Republic",
+ },
+ SAU: {
+ country: "Saudi Arabia",
+ pop: 47000,
+ rate: 161,
+ females: 0.057,
+ juveniles: 0.009,
+ occupancy: "--",
+ government: "Executive Absolute Monarchy",
+ },
+ SEN: {
+ country: "Senegal",
+ pop: 9422,
+ rate: 60,
+ females: 0.029,
+ juveniles: 0.02,
+ occupancy: 1.173,
+ government: "Executive Republic",
+ },
+ SRB: {
+ country: "Serbia",
+ pop: 10065,
+ rate: 142,
+ females: 0.036,
+ juveniles: 0.01,
+ occupancy: 1.064,
+ government: "Cermonial Republic",
+ },
+ SLE: {
+ country: "Sierra Leone",
+ pop: 4179,
+ rate: 64,
+ females: 0.033,
+ juveniles: 0,
+ occupancy: 2.16,
+ government: "Executive Republic",
+ },
+ SVK: {
+ country: "Slovakia",
+ pop: 10247,
+ rate: 188,
+ females: 0.07,
+ juveniles: 0.008,
+ occupancy: 0.937,
+ government: "Ceremonial Republic",
+ },
+ SVN: {
+ country: "Slovenia",
+ pop: 1316,
+ rate: 64,
+ females: 0.074,
+ juveniles: 0.005,
+ occupancy: 0.983,
+ government: "Ceremonial Republic",
+ },
+ SLB: {
+ country: "Solomon Islands",
+ pop: 435,
+ rate: 73,
+ females: 0.014,
+ juveniles: 0.059,
+ occupancy: 0.606,
+ government: "Ceremonial Constitutional Monarchy",
+ },
+ SOL: {
+ country: "Somaliland",
+ pop: 2000,
+ rate: "--",
+ females: "--",
+ juveniles: "--",
+ occupancy: "--",
+ government: "Presidential Constitutional Republic",
+ },
+ SOM: {
+ country: "Somalia",
+ pop: 3700,
+ rate: "--",
+ females: "--",
+ juveniles: "--",
+ occupancy: "--",
+ government: "Federal Parliamentary Republic",
+ },
+ ZAF: {
+ country: "South Africa",
+ pop: 161984,
+ rate: 291,
+ females: 0.026,
+ juveniles: 0.002,
+ occupancy: 1.327,
+ government: "Executive Republic",
+ },
+ KOR: {
+ country: "South Korea",
+ pop: 57451,
+ rate: 114,
+ females: 0.065,
+ juveniles: 0.008,
+ occupancy: 1.133,
+ government: "Executive Republic",
+ },
+ ESP: {
+ country: "Spain",
+ pop: 59678,
+ rate: 128,
+ females: 0.075,
+ juveniles: 0,
+ occupancy: 0.809,
+ government: "Ceremonial Constitutional Monarchy",
+ },
+ LKA: {
+ country: "Sri Lanka",
+ pop: 16990,
+ rate: 78,
+ females: 0.049,
+ juveniles: 0.001,
+ occupancy: 1.906,
+ government: "Executive Republic",
+ },
+ SDN: {
+ country: "Sudan",
+ pop: 19101,
+ rate: 50,
+ females: 0.02,
+ juveniles: 0.02,
+ occupancy: 2.553,
+ government: "Executive Republic",
+ },
+ SSD: {
+ country: "S.Sudan",
+ pop: 6504,
+ rate: 52,
+ females: 0.109,
+ juveniles: "--",
+ occupancy: 3.2925,
+ government: "Constitutional Republic",
+ },
+ SUR: {
+ country: "Suriname",
+ pop: 1000,
+ rate: 183,
+ females: 0.028,
+ juveniles: 0.057,
+ occupancy: 0.752,
+ government: "Executive Republic",
+ },
+ SWZ: {
+ country: "Swaziland",
+ pop: 3610,
+ rate: 282,
+ females: 0.029,
+ juveniles: 0.007,
+ occupancy: 1.272,
+ government: "Executive Absolute Monarchy",
+ },
+ SWE: {
+ country: "Sweden",
+ pop: 5630,
+ rate: 57,
+ females: 0.061,
+ juveniles: 0.003,
+ occupancy: 0.842,
+ government: "Ceremonial Constitutional Monarchy",
+ },
+ CHE: {
+ country: "Switzerland",
+ pop: 6912,
+ rate: 82,
+ females: 0.056,
+ juveniles: 0.003,
+ occupancy: 0.922,
+ government: "Executive Republic",
+ },
+ SYR: {
+ country: "Syria",
+ pop: 10599,
+ rate: 60,
+ females: 0.074,
+ juveniles: "--",
+ occupancy: 0.656,
+ government: "Executive Republic",
+ },
+ TWN: {
+ country: "Taiwan",
+ pop: 62445,
+ rate: 265,
+ females: 0.087,
+ juveniles: 0.025,
+ occupancy: 1.148,
+ government: "Constitutional Republic",
+ },
+ TJK: {
+ country: "Tajikistan",
+ pop: 9317,
+ rate: 121,
+ females: 0.016,
+ juveniles: 0.01,
+ occupancy: 0.615,
+ government: "Executive Republic",
+ },
+ TZA: {
+ country: "Tanzania",
+ pop: 31382,
+ rate: 58,
+ females: 0.034,
+ juveniles: 0.039,
+ occupancy: 1.157,
+ government: "Executive Republic",
+ },
+ THA: {
+ country: "Thailand",
+ pop: 312855,
+ rate: 462,
+ females: 0.131,
+ juveniles: "--",
+ occupancy: 1.448,
+ government: "--",
+ },
+ TLS: {
+ country: "Timor-Leste",
+ pop: 669,
+ rate: 56,
+ females: 0.04,
+ juveniles: 0.055,
+ occupancy: 1.373,
+ government: "Constitutional Republic",
+ },
+ TGO: {
+ country: "Togo",
+ pop: 4427,
+ rate: 62,
+ females: 0.027,
+ juveniles: 0.009,
+ occupancy: 1.628,
+ government: "Executive Republic",
+ },
+ TTO: {
+ country: "Trinidad and Tobago",
+ pop: 3667,
+ rate: 270,
+ females: 0.026,
+ juveniles: 0.048,
+ occupancy: 0.751,
+ government: "Ceremonial Republic",
+ },
+ TUN: {
+ country: "Tunisia",
+ pop: 23553,
+ rate: 206,
+ females: 0.028,
+ juveniles: 0.01,
+ occupancy: 1.389,
+ government: "Executive Republic",
+ },
+ TUR: {
+ country: "Turkey",
+ pop: 229790,
+ rate: 285,
+ females: 0.043,
+ juveniles: 0.012,
+ occupancy: 1.108,
+ government: "Ceremonial Republic",
+ },
+ TKM: {
+ country: "Turkmenistan",
+ pop: 30568,
+ rate: 583,
+ females: 0.065,
+ juveniles: 0.007,
+ occupancy: 0.85,
+ government: "Executive Republic",
+ },
+ UGA: {
+ country: "Uganda",
+ pop: 54059,
+ rate: 129,
+ females: 0.044,
+ juveniles: 0,
+ occupancy: 2.932,
+ government: "Executive Republic",
+ },
+ UKR: {
+ country: "Ukraine",
+ pop: 60771,
+ rate: 167,
+ females: 0.046,
+ juveniles: 0.007,
+ occupancy: 0.63,
+ government: "Executive Republic",
+ },
+ ARE: {
+ country: "United Arab Emirates",
+ pop: 9826,
+ rate: 104,
+ females: 0.117,
+ juveniles: 0.02,
+ occupancy: 1.589,
+ government: "Executive Absolute Monarchy",
+ },
+ GBR: {
+ country: "United Kingdom",
+ pop: 95284,
+ rate: 360,
+ females: 0.0447,
+ juveniles: 0.0047,
+ occupancy: 0.972,
+ government: "Ceremonial Constitutional Monarchy",
+ },
+ USA: {
+ country: "United States of America",
+ pop: 2145100,
+ rate: 666,
+ females: 0.098,
+ juveniles: 0.002,
+ occupancy: 1.039,
+ government: "Executive Republic",
+ },
+ URY: {
+ country: "Uruguay",
+ pop: 11078,
+ rate: 321,
+ females: 0.053,
+ juveniles: 0,
+ occupancy: 1.121,
+ government: "Executive Republic",
+ },
+ UZB: {
+ country: "Uzbekistan",
+ pop: 43900,
+ rate: 150,
+ females: "--",
+ juveniles: "--",
+ occupancy: 0.8,
+ government: "Executive Republic",
+ },
+ VEN: {
+ country: "Venezuela",
+ pop: 54738,
+ rate: 173,
+ females: 0.05,
+ juveniles: 0,
+ occupancy: 1.539,
+ government: "Executive Republic",
+ },
+ VNM: {
+ country: "Vietnam",
+ pop: 115035,
+ rate: 122,
+ females: 0.101,
+ juveniles: "--",
+ occupancy: "--",
+ government: "Executive Republic",
+ },
+ SAH: {
+ country: "Western Sahara",
+ pop: "--",
+ rate: "--",
+ females: "--",
+ juveniles: "--",
+ occupancy: "--",
+ government: "Disputed",
+ },
+ YEM: {
+ country: "Yemen",
+ pop: 14000,
+ rate: 53,
+ females: 0.016,
+ juveniles: 0.019,
+ occupancy: "--",
+ government: "Provisional Government",
+ },
+ ZMB: {
+ country: "Zambia",
+ pop: 25000,
+ rate: 160,
+ females: 0.01,
+ juveniles: 0.025,
+ occupancy: 3.03,
+ government: "Executive Republic",
+ },
+ ZWE: {
+ country: "Zimbabwe",
+ pop: 19521,
+ rate: 120,
+ females: 0.022,
+ juveniles: 0.005,
+ occupancy: 1.109,
+ government: "Executive Republic",
+ },
+};
diff --git a/assets/js/app.js b/assets/js/app.js
index c3a8403..51ff0b4 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -1,2440 +1,14 @@
-/* initializes the map */
-function Init() {
- zingchart.loadModules("maps, maps-world-countries", function (e) {
- zingchart.render({
- height: 800,
- width: "100%",
- id: "myChart",
- data: myConfig,
- });
- });
-}
-window.onload = Init;
-
-/* custom configuration for the map options */
-var myConfig = {
- backgroundColor: "#161616",
- shapes: [
- {
- type: "zingchart.maps",
- options: {
- name: "world.countries",
- ignore: ["ATA", "FLK", "ATF", "VUT", "WEB"],
- zooming: true,
- panning: true,
- scrolling: true,
- style: {
- cursor: "hand",
- backgroundColor: "rgba(36, 171, 72, 0.8)",
- label: {
- visible: false,
- },
- tooltip: {
- "html-mode": true,
- "border-color": "#24ab48",
- "border-width": "2px",
- text: customTooltip,
- },
- controls: {
- visible: false,
- },
- },
- },
- },
- ],
-};
-
-/* toggles country labels */
-function countryLabels() {
- if (myConfig.shapes[0].options.style.label.visible === false) {
- myConfig.shapes[0].options.style.label.visible = true;
- myConfig.shapes[0].options.style.label.color = "#ffffff";
- } else {
- myConfig.shapes[0].options.style.label.visible = false;
- }
- zingchart.exec("myChart", "setdata", {
- data: myConfig,
- });
-}
-
-/* prepares for color gradient maps */
-var myMinMax = {};
-var myShortcut = ["pop", "rate", "females", "juveniles", "occupancy"];
-var gradientVal = 0;
-var chartColor = "rgb(255, 255, 255)";
-
-var gradientChart = {
- backgroundColor: "#161616",
- shapes: [
- {
- type: "zingchart.maps",
- options: {
- name: "world.countries",
- ignore: ["ATA", "FLK", "ATF", "VUT", "WEB"],
- zooming: true,
- panning: true,
- scrolling: true,
- style: {
- items: {
- AFG: {
- backgroundColor: "rgb(255, 255, 255)",
- },
- },
- cursor: "hand",
- backgroundColor: chartColor,
- opacity: gradientVal,
- label: {
- visible: false,
- },
- tooltip: {
- "html-mode": true,
- "border-color": "#24ab48",
- "border-width": "2px",
- text: customTooltip,
- },
- controls: {
- visible: false,
- },
- },
- },
- },
- ],
-};
-
-function gradientPrep() {
- var myVal = [];
- for (var n = 0; n < myShortcut.length; n++) {
- Object.keys(data).forEach((key, index) => {
- const check = data[key][myShortcut[n]];
- const num = isNaN(check) ? null : check;
- myVal[index] = num;
- });
- myMinMax[n] = [
- Math.min.apply(null, myVal),
- Math.max.apply(null, myVal),
- ];
- }
-}
-
-const numberRound = (x, y) => Math.round(x * Math.pow(10, y)) / Math.pow(10, y);
-
-function gradient(n) {
- var maxValue = myMinMax["" + n]["1"];
- Object.keys(data).forEach((key, index) => {
- const check = data[key][myShortcut[n]];
- const num = isNaN(check) ? 0 : check;
- gradientVal = numberRound(255 - (num / maxValue) * 255, 0);
- chartColor = "rgb(255, " + gradientVal + ", " + gradientVal + ")";
- gradientChart.shapes[0].options.style.items[key] = {
- backgroundColor: chartColor,
- };
- gradientChart.shapes[0].options.style.items[key].backgroundColor =
- chartColor;
- });
- zingchart.exec("myChart", "setdata", {
- data: gradientChart,
- });
-}
-
-// Map configuration settings
-var customTooltip =
- "<div style='text-align:center;font-weight:bold;font-size:14px;'>" +
- "%long-text" +
- "</div>";
-zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
-ZC.LICENSE = [
- "569d52cefae586f634c54f86dc99e6a9",
- "ee6b7db5b51705a13dc2339db3edaf6d",
-];
-
-// Secondary chart configuration
-var myConfig2 = {
- "background-color": "#000",
- type: "pie",
- "scale-r": {
- aperature: 198,
- "ref-angle": 200 /*relative to starting 90 degree position*/,
- },
- legend: {
- x: "85%",
- y: "8%",
- "border-width": "3px",
- "border-color": "#2B313B",
- "border-radius": "5px",
- "font-size": "16px",
- header: {
- text: "Legend",
- "font-size": "18px",
- "font-color": "#0003cc",
- "font-weight": "normal",
- },
- marker: {
- type: "circle",
- },
- "toggle-action": "remove",
- },
- plot: {
- thousandsSeparator: ",",
- detach: false,
- cursor: "hand",
- borderColor: "#2B313B",
- borderWidth: 5,
- animation: {
- "on-legend-toggle": true,
- /* set to true to show animation and false to turn off */
- effect: 5,
- method: 1,
- sequence: 1,
- speed: 0.5,
- },
- "value-box": {
- text: "<b>%t:</b> %v",
- "font-size": 15,
- "font-weight": "normal",
- },
- tooltip: {
- text: "%t: %npv%",
- "font-color": "black",
- "font-family": "Georgia",
- "font-size": "17px",
- "text-alpha": 1,
- "background-color": "white",
- alpha: 0.8,
- "border-color": "#2B313B",
- "border-width": "2px",
- "border-radius": "7px",
- padding: "10%",
- },
- },
- series: [
- {
- values: [2145100],
- text: "United States",
- backgroundColor: "#0062ff",
- },
- {
- values: [1649804],
- text: "China",
- backgroundColor: "#da1e28",
- },
- {
- values: [657680],
- text: "Brazil",
- backgroundColor: "#fdd13a",
- },
- {
- values: [609485],
- text: "Russia",
- backgroundColor: "#24ab48",
- },
- {
- values: [419623],
- text: "India",
- backgroundColor: "#9966ff",
- },
- {
- values: [4564562],
- text: "Rest of the World",
- backgroundColor: "#606e85",
- "data-id": "wo",
- },
- ],
-};
-zingchart.render({
- id: "myChart2",
- data: myConfig2,
- height: 770,
- width: "100%",
-});
-
-// Drilldown charts within pie chart
-var myDrilldownConfig = [];
-
-// Set drilldown chart configurations
-myDrilldownConfig[0] = {
- backgroundColor: "#000",
- type: "line",
- title: {
- fontColor: "#ffffff",
- text: "United States",
- },
- subtitle: {
- fontColor: "#ffffff",
- text: "Prison Population Trend",
- fontWeight: "normal",
- },
- plot: {
- lineColor: "#0062ff",
- lineWidth: 3,
- marker: {
- backgroundColor: "#0062ff",
- size: 6,
- },
- },
- scaleX: {
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- },
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- labels: [
- "2000",
- "2002",
- "2004",
- "2006",
- "2008",
- "2010",
- "2012",
- "2014",
- ],
- },
- scaleY: {
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- padding: "2.5%",
- angle: -90,
- },
- values: "1900000:2400000:100000",
- thousandsSeparator: ",",
- guide: {
- lineStyle: "dotted",
- },
- },
- crosshairX: {
- plotLabel: {
- text: "%v prisoners",
- fontSize: 15,
- borderRadius: 3,
- },
- scaleLabel: {
- backgroundColor: "#53535e",
- fontColor: "#ffffff",
- fontSize: 14,
- borderRadius: 3,
- },
- marker: {
- size: 8,
- alpha: 0.5,
- },
- },
- series: [
- {
- values: [
- 1937482, 2033022, 2135335, 2258792, 2307504, 2270142, 2228424,
- 2217947,
- ],
- thousandsSeparator: ",",
- },
- ],
-};
-myDrilldownConfig[1] = {
- backgroundColor: "#000",
- type: "line",
- title: {
- text: "China",
- fontColor: "#ffffff",
- },
- subtitle: {
- text: "Prison Population Trend",
- fontWeight: "normal",
- fontColor: "#ffffff",
- },
- plot: {
- lineColor: "#da1e28",
- lineWidth: 3,
- marker: {
- backgroundColor: "#da1e28",
- size: 6,
- },
- },
- scaleX: {
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- },
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- labels: [
- "2000",
- "2002",
- "2004",
- "2006",
- "2008",
- "2010",
- "2012",
- "2014",
- ],
- },
- scaleY: {
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- padding: "2.5%",
- angle: -90,
- },
- values: "1400000:1800000:100000",
- thousandsSeparator: ",",
- guide: {
- lineStyle: "dotted",
- },
- },
- crosshairX: {
- plotLabel: {
- text: "%v prisoners",
- fontSize: 15,
- borderRadius: 3,
- },
- scaleLabel: {
- backgroundColor: "#53535e",
- fontColor: "#ffffff",
- fontSize: 14,
- borderRadius: 3,
- },
- marker: {
- size: 8,
- alpha: 0.5,
- },
- },
- series: [
- {
- values: [
- 1427407, 1512194, 1583006, 1710641, 1735822, 1650000, 1657963,
- 1657812,
- ],
- thousandsSeparator: ",",
- },
- ],
-};
-myDrilldownConfig[2] = {
- backgroundColor: "#000",
- type: "line",
- title: {
- text: "Brazil",
- fontColor: "#ffffff",
- },
- subtitle: {
- text: "Prison Population Trend",
- fontWeight: "normal",
- fontColor: "#ffffff",
- },
- plot: {
- lineColor: "#fdd13a",
- lineWidth: 3,
- marker: {
- backgroundColor: "#fdd13a",
- size: 6,
- },
- },
- scaleX: {
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- },
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- labels: [
- "2000",
- "2002",
- "2004",
- "2006",
- "2008",
- "2010",
- "2012",
- "2014",
- "2016",
- ],
- },
- scaleY: {
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- padding: "2.5%",
- angle: -90,
- },
- values: "200000:650000:50000",
- thousandsSeparator: ",",
- guide: {
- lineStyle: "dotted",
- },
- },
- crosshairX: {
- plotLabel: {
- text: "%v prisoners",
- fontSize: 15,
- borderRadius: 3,
- },
- scaleLabel: {
- backgroundColor: "#53535e",
- fontColor: "#ffffff",
- fontSize: 14,
- borderRadius: 3,
- },
- marker: {
- size: 8,
- alpha: 0.5,
- },
- },
- series: [
- {
- values: [
- 232755, 239345, 336358, 401236, 451429, 496251, 548003, 622202,
- 644575,
- ],
- thousandsSeparator: ",",
- },
- ],
-};
-myDrilldownConfig[3] = {
- backgroundColor: "#000",
- type: "line",
- title: {
- text: "Russian Federation",
- fontColor: "#ffffff",
- },
- subtitle: {
- text: "Prison Population Trend",
- fontWeight: "normal",
- fontColor: "#ffffff",
- },
- plot: {
- lineColor: "#24ab48",
- lineWidth: 3,
- marker: {
- backgroundColor: "#24ab48",
- size: 6,
- },
- },
- scaleX: {
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- },
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- labels: [
- "2000",
- "2002",
- "2004",
- "2006",
- "2008",
- "2010",
- "2012",
- "2014",
- "2014",
- ],
- },
- scaleY: {
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- padding: "2.5%",
- angle: -90,
- },
- values: "600000:1200000:50000",
- thousandsSeparator: ",",
- guide: {
- lineStyle: "dotted",
- },
- },
- crosshairX: {
- plotLabel: {
- text: "%v prisoners",
- fontSize: 15,
- borderRadius: 3,
- },
- scaleLabel: {
- backgroundColor: "#53535e",
- fontColor: "#ffffff",
- fontSize: 14,
- borderRadius: 3,
- },
- marker: {
- size: 8,
- alpha: 0.5,
- },
- },
- series: [
- {
- values: [
- 1060404, 980151, 847004, 823403, 883436, 864197, 755651, 677287,
- 646085,
- ],
- thousandsSeparator: ",",
- },
- ],
-};
-myDrilldownConfig[4] = {
- backgroundColor: "#000",
- type: "line",
- title: {
- text: "India",
- fontColor: "#ffffff",
- },
- subtitle: {
- text: "Prison Population Trend",
- fontWeight: "normal",
- fontColor: "#ffffff",
- },
- plot: {
- lineColor: "#9966ff",
- lineWidth: 3,
- marker: {
- backgroundColor: "#9966ff",
- size: 6,
- },
- },
- scaleX: {
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- },
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- labels: [
- "2000",
- "2002",
- "2004",
- "2006",
- "2008",
- "2010",
- "2012",
- "2014",
- ],
- },
- scaleY: {
- lineWidth: 3,
- lineColor: "#ffffff",
- tick: {
- lineWidth: 3,
- lineColor: "#ffffff",
- },
- item: {
- fontSize: 14,
- fontColor: "#ffffff",
- padding: "2.5%",
- angle: -90,
- },
- values: "250000:450000:25000",
- thousandsSeparator: ",",
- guide: {
- lineStyle: "dotted",
- },
- },
- crosshairX: {
- plotLabel: {
- text: "%v prisoners",
- fontSize: 15,
- borderRadius: 3,
- },
- scaleLabel: {
- backgroundColor: "#53535e",
- fontColor: "#ffffff",
- fontSize: 14,
- borderRadius: 3,
- },
- marker: {
- size: 8,
- alpha: 0.5,
- },
- },
- series: [
- {
- values: [
- 272079, 322357, 331391, 373271, 384753, 368998, 385135, 418536,
- ],
- thousandsSeparator: ",",
- },
- ],
-};
-
-// Loads drilldown chart onclick
-zingchart.node_click = function (e) {
- if (e.id === "myChart2") {
- if (e["data-id"] === "wo") {
- null;
- } else {
- zingchart.exec("myChart2", "destroy");
- zingchart.render({
- id: "myNextChart",
- data: myDrilldownConfig[e.plotindex],
- /*to reference the drilldown charts*/
- height: 500,
- width: "100%",
- });
- }
- } else if (e.id === "myNextChart") {
- zingchart.exec("myNextChart", "destroy");
- zingchart.render({
- id: "myChart2",
- data: myConfig2,
- height: 770,
- width: "100%",
- });
- }
-};
-
-/* reset zoom back to full map */
-function reset() {
- zingchart.render({
- height: 800,
- width: "100%",
- id: "myChart",
- data: myConfig,
- });
-}
-
-/* opens the stats modal for each country */
-zingchart.shape_click = function (e) {
- const newPopulation = isNaN(data[e.shapeid].pop)
- ? "<span class='text-danger'>Information not available.</span>"
- : data[e.shapeid].pop.toLocaleString("en");
- const newRate = isNaN(data[e.shapeid].rate)
- ? "<span class='text-danger'>Information not available.</span>"
- : data[e.shapeid].rate;
- const newFemales = isNaN(data[e.shapeid].females)
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[e.shapeid].females * 100).toFixed(2).concat(" %");
- const newJuveniles = isNaN(data[e.shapeid].juveniles)
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[e.shapeid].juveniles * 100).toFixed(2).concat(" %");
- const newOccupancy = isNaN(data[e.shapeid].occupancy)
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[e.shapeid].occupancy * 100).toFixed(2).concat(" %");
- var newModal =
- "<div class='modal fade' role='dialog'><div class='modal-dialog'><div class='modal-content'><div class='modal-header'><h4 class='modal-title'>" +
- data[e.shapeid].country +
- "</h4></div><div class='modal-body'><p><b>Prison Population:</b> " +
- newPopulation +
- "</p><p><b>Rate per 100,000 Citizens:</b> " +
- newRate +
- "</p><p><b>Females:</b> " +
- newFemales +
- "</p><p><b>Juveniles:</b> " +
- newJuveniles +
- "</p><p><b>Occupancy:</b> " +
- newOccupancy +
- "</p><p><b>Government:</b> " +
- data[e.shapeid].government +
- "</p></div><div class='modal-footer'><button type='button' class='btn btn-outline-success' data-dismiss='modal'>Close</button></div></div></div></div>";
- $(newModal).modal({
- show: false,
- });
- $(newModal).modal("show");
-};
-
-/* comparison function #1 - creates selection modal */
-function compare() {
- var str = "";
- Object.keys(data).forEach(function (key, index) {
- str +=
- "<option value=" + key + ">" + data[key]["country"] + "</option>";
- });
- /* this will create a modal with options to choose the two countries to compare */
- var modalPopup =
- "<div id='modal-popup' class='modal fade' role='dialog'><div class='modal-dialog modal-lg'><div class='modal-content'><div class='modal-header bg-success d-flex justify-content-between align-items-center' style='background-color:#24ab48'><h4 class='modal-title'>Country Comparison</h4><a href='#' onclick='questionModal()'><i id='qIcon' class='far fa-question-circle' style='color:#ffffff;font-size:18px;float:right;'></i></a></div><div class='modal-body'><div id='modalAlertDiv'></div><div class='row'><div class='col-md-6'><select id='select1'>" +
- str +
- "</select></div><div class='col-md-6'><select id='select2'>" +
- str +
- "</select></div></div></div><div class='modal-footer'><button type='button' class='btn btn-success' id='comparebtn' onclick='compare2()'>Compare!</button><button type='button' class='btn btn-outline-success' data-dismiss='modal'>Close</button></div></div></div></div>";
- $(modalPopup).modal({
- show: false,
- });
- $(modalPopup).modal("show");
-}
-
-/* comparison function #2 - creates comparison modal */
-function compare2() {
- var country1 = $("#select1 option:selected").val();
- var country2 = $("#select2 option:selected").val();
-
- if (country1 === country2) {
- $("#modalAlertDiv").html(
- "<div class='alert alert-danger'><a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a><strong>Oops!</strong> You chose to compare the same country. Try selecting two different countries.</div>"
- );
- } else {
- $("#modalAlertDiv").empty();
- /* variables for country1 */
- const newPopulation1 = isNaN(data[country1]["pop"])
- ? "<span class='text-danger'>Information not available.</span>"
- : data[country1]["pop"].toLocaleString("en");
- const newRate1 = isNaN(data[country1]["rate"])
- ? "<span class='text-danger'>Information not available.</span>"
- : data[country1]["rate"];
- const newFemales1 = isNaN(data[country1]["females"])
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[country1]["females"] * 100).toFixed(2).concat(" %");
- const newJuveniles1 = isNaN(data[country1]["juveniles"])
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[country1]["juveniles"] * 100).toFixed(2).concat(" %");
- const newOccupancy1 = isNaN(data[country1]["occupancy"])
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[country1]["occupancy"] * 100).toFixed(2).concat(" %");
- /* variables for country2 */
- const newPopulation2 = isNaN(data[country2]["pop"])
- ? "<span class='text-danger'>Information not available.</span>"
- : data[country2]["pop"].toLocaleString("en");
- const newRate2 = isNaN(data[country2]["rate"])
- ? "<span class='text-danger'>Information not available.</span>"
- : data[country2]["rate"];
- const newFemales2 = isNaN(data[country2]["females"])
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[country2]["females"] * 100).toFixed(2).concat(" %");
- const newJuveniles2 = isNaN(data[country2]["juveniles"])
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[country2]["juveniles"] * 100).toFixed(2).concat(" %");
- const newOccupancy2 = isNaN(data[country2]["occupancy"])
- ? "<span class='text-danger'>Information not available.</span>"
- : (data[country2]["occupancy"] * 100).toFixed(2).concat(" %");
-
- var newModalPopup =
- "<div class='fade modal' role=dialog><div class='modal-dialog modal-lg'><div class='modal-content'><div class='modal-header bg-success'><h4 class=modal-title>Side-By-Side Comparison</h4></div><div class=modal-body><table class='table'><thead><tr><th></th><th>" +
- data[country1]["country"] +
- "</th><th>" +
- data[country2]["country"] +
- "</th></thead><tbody><tr><td><b>Prison Population:</b></td><td>" +
- newPopulation1 +
- "</td><td>" +
- newPopulation2 +
- "</td></tr><tr><td><b>Rate per 100,000 Citizens:<b></td><td>" +
- newRate1 +
- "</td><td>" +
- newRate2 +
- "</td></tr><tr><td><b>Females:<b></td><td>" +
- newFemales1 +
- "</td><td>" +
- newFemales2 +
- "</td></tr><tr><td><b>Juveniles:</b></td><td>" +
- newJuveniles1 +
- "</td><td>" +
- newJuveniles2 +
- "</td></tr><tr><td><b>Occupancy:</b></td><td>" +
- newOccupancy1 +
- "</td><td>" +
- newOccupancy2 +
- "</td></tr><tr><td><b>Government:</b></td><td>" +
- data[country1]["government"] +
- "</td><td>" +
- data[country2]["government"] +
- "</td></tr></tbody></table></div><div class=modal-footer><button class='btn btn-outline-success' data-dismiss=modal type=button>Close</button></div></div></div></div>";
- $(newModalPopup).modal({
- show: false,
- });
- $(newModalPopup).modal("show");
- $("#modal-popup").modal({
- show: false,
- });
- }
-}
-
-function graphInfoBtn() {
- var graphInfo =
- "<div class='fade modal' role=dialog><div class='modal-dialog modal-lg'><div class=modal-content><div class='modal-header bg-secondary text-dark'><h4 class=modal-title>Just a Tip!</h4></div><div class=modal-body><i style='color:#da1e28'><b>Did you know...</b></i> you can click any country's pie segment to see a trend of their recent incarceration populations!<hr style='border-top: dotted 1px;'/><i style='color:#da1e28'><b>Did you know...</b></i> you can click any point on the line graphs to return to the pie chart.</div><div class=modal-footer><button class='btn btn-secondary' data-dismiss=modal type=button>Close</button></div></div></div></div>";
- $(graphInfo).modal({
- show: false,
- });
- $(graphInfo).modal("show");
-}
-
-function questionModal() {
- var questionModal =
- "<div class='modal fade' role='dialog'> <div class='modal-dialog modal-lg'> <div class='modal-content'> <div class='modal-header bg-success'><h4 class='modal-title'>Stuck?</h4></div><div class='modal-body'><p><b>Just a tip:</b> If the countries aren't changing in the comparison modal after you select new countries from the dropdown menus, just refresh the page and it should work!</p></div><div class='modal-footer'><button type='button' class='btn btn-outline-success' data-dismiss='modal'>Close</button></div></div></div></div>";
- $(questionModal).modal({
- show: false,
- });
- $(questionModal).modal("show");
-}
-
-/* data for each country */
-var data = {
- AFG: {
- country: "Afghanistan",
- pop: 27527,
- rate: 75,
- females: 0.028,
- juveniles: 0.04,
- occupancy: 1.9,
- government: "Presidential Islamic Republic",
- },
- ALB: {
- country: "Albania",
- pop: 5447,
- rate: 189,
- females: 0.019,
- juveniles: 0.012,
- occupancy: 1.058,
- government: "Parliamentary Republic",
- },
- DZA: {
- country: "Algeria",
- pop: 61000,
- rate: 155,
- females: 0.017,
- juveniles: 0.007,
- occupancy: 0.893,
- government: "Presidential Republic",
- },
- AGO: {
- country: "Angola",
- pop: 24165,
- rate: 96,
- females: 0.036,
- juveniles: "--",
- occupancy: 1.108,
- government: "Presidential Republic",
- },
- ARG: {
- country: "Argentina",
- pop: 72693,
- rate: 167,
- females: 0.041,
- juveniles: 0,
- occupancy: 1.062,
- government: "Presidential Republic",
- },
- ARM: {
- country: "Armenia",
- pop: 4873,
- rate: 162,
- females: 0.044,
- juveniles: 0.002,
- occupancy: 1.063,
- government: "Parliamentary Democracy",
- },
- AUS: {
- country: "Australia",
- pop: 41237,
- rate: 168,
- females: 0.081,
- juveniles: 0.001,
- occupancy: 0.96,
- government: "Parliamentary Democracy",
- },
- AUT: {
- country: "Austria",
- pop: 8290,
- rate: 94,
- females: 0.057,
- juveniles: 0.014,
- occupancy: 0.949,
- government: "Federal Parliamentary Republic",
- },
- AZE: {
- country: "Azerbaijan",
- pop: 23311,
- rate: 239,
- females: 0.031,
- juveniles: 0.003,
- occupancy: 0.949,
- government: "Presidential Republic",
- },
- BHS: {
- country: "Bahamas",
- pop: 1727,
- rate: 439,
- females: 0.032,
- juveniles: "--",
- occupancy: 1.727,
- government: "Parliamentary Democracy",
- },
- BGD: {
- country: "Bangladesh",
- pop: 78578,
- rate: 48,
- females: 0.038,
- juveniles: 0.004,
- occupancy: 2.146,
- government: "Parliamentary Republic",
- },
- BLR: {
- country: "Belarus",
- pop: 29776,
- rate: 314,
- females: 0.075,
- juveniles: 0.003,
- occupancy: 0.834,
- government: "Presidential Republic/Dictatorship",
- },
- BEL: {
- country: "Belgium",
- pop: 10619,
- rate: 94,
- females: 0.046,
- juveniles: 0.006,
- occupancy: 1.096,
- government: "Federal Parliamentary Democracy",
- },
- BLZ: {
- country: "Belize",
- pop: 1297,
- rate: 356,
- females: 0.035,
- juveniles: 0.031,
- occupancy: 0.873,
- government: "Parliamentary Democracy",
- },
- BEN: {
- country: "Benin",
- pop: 7067,
- rate: 67,
- females: 0.05,
- juveniles: 0.021,
- occupancy: 2.4,
- government: "Presidential Republic",
- },
- BTN: {
- country: "Bhutan",
- pop: 1119,
- rate: 145,
- females: 0.043,
- juveniles: 0.034,
- occupancy: "--",
- government: "Constitutional Monarchy",
- },
- BOL: {
- country: "Bolivia",
- pop: 14598,
- females: 0.082,
- juveniles: 0.129,
- occupancy: 2.539,
- government: "Presidential Republic",
- },
- BIH: {
- country: "Bosnia and Herzegovina",
- pop: 1722,
- rate: 73,
- females: 0.029,
- juveniles: 0.002,
- occupancy: 1.021,
- government: "Parliamentary Republic",
- },
- BWA: {
- country: "Botswana",
- pop: 4376,
- rate: 210,
- females: 0.018,
- juveniles: 0.104,
- occupancy: 1.009,
- government: "Parliamentary Republic",
- },
- BRA: {
- country: "Brazil",
- pop: 657680,
- rate: 318,
- females: 0.069,
- juveniles: 0,
- occupancy: 1.639,
- government: "Federal Presidential Republic",
- },
- BRN: {
- country: "Brunei Darussalam",
- pop: 565,
- rate: 134,
- females: 0.073,
- juveniles: 0.004,
- occupancy: 1.328,
- government: "Absolute Monarchy or Sultanate",
- },
- BGR: {
- country: "Bulgaria",
- pop: 9028,
- rate: 125,
- females: 0.032,
- juveniles: 0.008,
- occupancy: 0.856,
- government: "Parliamentary Republic",
- },
- BFA: {
- country: "Burkina Faso",
- pop: 7544,
- rate: 41,
- females: 0.015,
- juveniles: 0.032,
- occupancy: 1.886,
- government: "Presidential Republic",
- },
- BDI: {
- country: "Burundi",
- pop: 10049,
- rate: 86,
- females: 0.045,
- juveniles: 0.023,
- occupancy: 2.396,
- government: "Presidential Republic",
- },
- KHM: {
- country: "Cambodia",
- pop: 25500,
- rate: 159,
- females: 0.08,
- juveniles: 0.041,
- occupancy: 2.061,
- government: "Parliamentary Constitutional Monarchy",
- },
- CMR: {
- country: "Cameroon",
- pop: 27997,
- rate: 115,
- females: 0.027,
- juveniles: 0.029,
- occupancy: 1.578,
- government: "Presidential Republic",
- },
- CAN: {
- country: "Canada",
- pop: 41145,
- rate: 114,
- females: 0.056,
- juveniles: 0.026,
- occupancy: 1.022,
- government: "Federal Parliamentary Democracy",
- },
- CAF: {
- country: "Central African Republic",
- pop: 764,
- rate: 16,
- females: 0.082,
- juveniles: "--",
- occupancy: "--",
- government: "Presidential Republic",
- },
- TCD: {
- country: "Chad",
- pop: 4831,
- rate: 39,
- females: 0.028,
- juveniles: 0.033,
- occupancy: 2.323,
- government: "Presidential Republic",
- },
- CHL: {
- country: "Chile",
- pop: 42931,
- rate: 236,
- females: 0.089,
- juveniles: 0.004,
- occupancy: 1.109,
- government: "Presidential Republic",
- },
- CHN: {
- country: "China",
- pop: 1649804,
- rate: 118,
- females: 0.065,
- juveniles: 0.008,
- occupancy: "--",
- government: "Communist State",
- },
- COL: {
- country: "Colombia",
- pop: 115708,
- rate: 227,
- females: 0.066,
- juveniles: 0,
- occupancy: 1.464,
- government: "Presidential Republic",
- },
- COD: {
- country: "Democratic Republic of the Congo",
- pop: 20550,
- rate: 29,
- females: 0.03,
- juveniles: "--",
- occupancy: 5.33,
- government: "Unitary Semi-Presidential Republic",
- },
- COG: {
- country: "Republic of the Congo",
- pop: 1240,
- rate: 27,
- females: 0.037,
- juveniles: 0.044,
- occupancy: 5.33,
- government: "Unitary Semi-Presidential Republic",
- },
- CRI: {
- country: "Costa Rica",
- pop: 19226,
- rate: 374,
- females: 0.054,
- juveniles: 0.016,
- occupancy: 1.394,
- government: "Presidential Republic",
- },
- HRV: {
- country: "Croatia",
- pop: 3228,
- rate: 78,
- females: 0.041,
- juveniles: 0.007,
- occupancy: 0.803,
- government: "Parliamentary Republic",
- },
- CUB: {
- country: "Cuba",
- pop: 57337,
- rate: 510,
- females: "--",
- juveniles: "--",
- occupancy: "--",
- government: "Communist State",
- },
- CYP: {
- country: "Cyprus",
- pop: 654,
- rate: 77,
- females: 0.067,
- juveniles: 0.015,
- occupancy: 0.973,
- government: "Presidential Democracy",
- },
- CZE: {
- country: "Czech Republic",
- pop: 22508,
- rate: 212,
- females: 0.074,
- juveniles: 0.004,
- occupancy: 1.065,
- government: "--",
- },
- CIV: {
- country: "Cote d'Ivoire",
- pop: 11192,
- rate: 51,
- females: 0.021,
- juveniles: 0.017,
- occupancy: 2.18,
- government: "Presidential Republic",
- },
- DNK: {
- country: "Denmark",
- pop: 3418,
- rate: 59,
- females: 0.04,
- juveniles: 0.003,
- occupancy: 0.952,
- government: "Parliamentary Constitutional Monarchy",
- },
- DJI: {
- country: "Djibouti",
- pop: 600,
- rate: 66,
- females: 0.05,
- juveniles: 0.05,
- occupancy: 1.714,
- government: "Semi-Presidential Republic",
- },
- DOM: {
- country: "Dominican Republic",
- pop: 26796,
- rate: 245,
- females: 0.026,
- juveniles: 0.023,
- occupancy: 1.885,
- government: "Presidential Republic",
- },
- ECU: {
- country: "Ecuador",
- pop: 26421,
- rate: 160,
- females: 0.077,
- juveniles: 0.021,
- occupancy: 1.144,
- government: "Presidential Republic",
- },
- EGY: {
- country: "Egypt",
- pop: 106000,
- rate: 116,
- females: 0.037,
- juveniles: "--",
- occupancy: "--",
- government: "Presidential Republic",
- },
- SLV: {
- country: "El Salvador",
- pop: 38893,
- rate: 597,
- females: 0.099,
- juveniles: 0,
- occupancy: 3.482,
- government: "Presidential Republic",
- },
- GNQ: {
- country: "Equatorial Guinea",
- pop: 500,
- rate: 63,
- females: 0.05,
- juveniles: "--",
- occupancy: "--",
- government: "Presidential Republic",
- },
- ERI: {
- country: "Eritrea",
- pop: "--",
- rate: "--",
- females: "--",
- juveniles: "--",
- occupancy: "--",
- government: "Unitary Presidential Republic",
- },
- EST: {
- country: "Estonia",
- pop: 2774,
- rate: 210,
- females: 0.055,
- juveniles: 0.008,
- occupancy: 0.833,
- government: "Parliamentary Republic",
- },
- ETH: {
- country: "Ethiopia",
- pop: 113727,
- rate: 127,
- females: 0.042,
- juveniles: "--",
- occupancy: "--",
- government: "Federal Parliamentary Republic",
- },
- FJI: {
- country: "Fiji",
- pop: 1423,
- rate: 158,
- females: 0.052,
- juveniles: 0.007,
- occupancy: 1.037,
- government: "Parliamentary Republic",
- },
- FIN: {
- country: "Finland",
- pop: 3174,
- rate: 57,
- females: 0.077,
- juveniles: 0.003,
- occupancy: 1.058,
- government: "Parliamentary Republic",
- },
- FRA: {
- country: "France",
- pop: 70018,
- rate: 103,
- females: 0.035,
- juveniles: 0.012,
- occupancy: 1.185,
- government: "Semi-Presidential Republic",
- },
- GUF: {
- country: "French Guiana",
- pop: 840,
- rate: 305,
- females: 0.106,
- juveniles: 0.012,
- occupancy: 1.37,
- government: "--",
- },
- GAB: {
- country: "Gabon",
- pop: 3373,
- rate: 191,
- females: 0.035,
- juveniles: 0.029,
- occupancy: "--",
- government: "Presidential Republic",
- },
- GMB: {
- country: "Gambia",
- pop: 1121,
- rate: 58,
- females: 0.025,
- juveniles: 0.013,
- occupancy: 1.725,
- government: "Presidential Republic",
- },
- GEO: {
- country: "Georgia",
- pop: 9451,
- rate: 254,
- females: 0.029,
- juveniles: 0.003,
- occupancy: 0.456,
- government: "Semi-Presidential Republic",
- },
- DEU: {
- country: "Germany",
- pop: 64193,
- rate: 77,
- females: 0.058,
- juveniles: 0.069,
- occupancy: 0.874,
- government: "Federal Parliamentary Republic",
- },
- GHA: {
- country: "Ghana",
- pop: 13764,
- rate: 49,
- females: 0.012,
- juveniles: 0.009,
- occupancy: 1.394,
- government: "Presidential Republic",
- },
- GNB: {
- country: "Guinea Buissau",
- pop: 196,
- rate: 10,
- females: 0.026,
- juveniles: 0.026,
- occupancy: 1.022,
- government: "Presidential Republic",
- },
- GRC: {
- country: "Greece",
- pop: 9789,
- rate: 91,
- females: 0.055,
- juveniles: 0.029,
- occupancy: 0.99,
- government: "Parliamentary Republic",
- },
- GRL: {
- country: "Greenland",
- pop: 126,
- rate: 226,
- females: 0.138,
- juveniles: 0,
- occupancy: 0.753,
- government: "Parliamentary Democracy",
- },
- GTM: {
- country: "Guatemala",
- pop: 22907,
- rate: 134,
- females: 0.103,
- juveniles: 0.046,
- occupancy: 2.962,
- government: "Presidential Republic",
- },
- GIN: {
- country: "Guinea",
- pop: 2900,
- rate: 23,
- females: 0.037,
- juveniles: 0.063,
- occupancy: 1.748,
- government: "Presidential Republic",
- },
- GUY: {
- country: "Guyana",
- pop: 2113,
- rate: 278,
- females: 0.035,
- juveniles: 0.007,
- occupancy: 1.288,
- government: "Parliamentary Republic",
- },
- HTI: {
- country: "Haiti",
- pop: 10500,
- rate: 96,
- females: 0.041,
- juveniles: 0.024,
- occupancy: 4.544,
- government: "Semi-Presidential Republic",
- },
- HND: {
- country: "Honduras",
- pop: 17253,
- rate: 200,
- females: 0.043,
- juveniles: "--",
- occupancy: 1.628,
- government: "Presidential Republic",
- },
- HUN: {
- country: "Hungary",
- pop: 17963,
- rate: 184,
- females: 0.075,
- juveniles: 0.004,
- occupancy: 1.29,
- government: "Parliamentary Republic",
- },
- ISL: {
- country: "Iceland",
- pop: 131,
- rate: 38,
- females: 0.061,
- juveniles: 0,
- occupancy: 0.862,
- government: "Parliamentary Republic",
- },
- IND: {
- country: "India",
- pop: 419623,
- rate: 33,
- females: 0.043,
- juveniles: 0,
- occupancy: 1.144,
- government: "Federal Parliamentary Republic",
- },
- IDN: {
- country: "Indonesia",
- pop: 225025,
- rate: 86,
- females: 0.055,
- juveniles: 0.032,
- occupancy: 1.827,
- government: "Republic",
- },
- IRN: {
- country: "Iran",
- pop: 225624,
- females: 0.031,
- juveniles: 0.005,
- occupancy: 1.612,
- government: "Republic",
- },
- IRQ: {
- country: "Iraq",
- pop: 42880,
- rate: 123,
- females: 0.026,
- juveniles: 0.036,
- occupancy: 1.392,
- government: "Republic",
- },
- IRL: {
- country: "Ireland",
- pop: 3593,
- rate: 75,
- females: 0.038,
- juveniles: 0.01,
- occupancy: 0.841,
- government: "Republic",
- },
- ISR: {
- country: "Israel",
- pop: 21072,
- rate: 265,
- females: 0.01,
- juveniles: 0.027,
- occupancy: 0.801,
- government: "Republic",
- },
- ITA: {
- country: "Italy",
- pop: 57661,
- rate: 95,
- females: 0.042,
- juveniles: 0.003,
- occupancy: 1.142,
- government: "Republic",
- },
- JAM: {
- country: "Jamaica",
- pop: 3866,
- rate: 138,
- females: 0.047,
- juveniles: 0.052,
- occupancy: 0.888,
- government: "Constituitional Monarchy",
- },
- JPN: {
- country: "Japan",
- pop: 56805,
- rate: 45,
- females: 0.084,
- juveniles: 0,
- occupancy: 0.668,
- government: "Constituitional Monarchy",
- },
- JOR: {
- country: "Jordan",
- pop: 11489,
- rate: 150,
- females: 0.04,
- juveniles: "--",
- occupancy: 0.693,
- government: "Constituitional Monarchy",
- },
- KAZ: {
- country: "Kazakhstan",
- pop: 36343,
- rate: 202,
- females: 0.076,
- juveniles: 0.002,
- occupancy: 0.689,
- government: "Republic",
- },
- KEN: {
- country: "Kenya",
- pop: 53841,
- rate: 114,
- females: 0.074,
- juveniles: 0.012,
- occupancy: 2.017,
- government: "Republic",
- },
- KOS: {
- country: "Kosovo",
- pop: 1849,
- rate: 106,
- females: 0.025,
- juveniles: 0.034,
- occupancy: 0.87,
- government: "Republic",
- },
- KWT: {
- country: "Kuwait",
- pop: 5400,
- rate: 147,
- females: 0.025,
- juveniles: "--",
- occupancy: 0.87,
- government: "Constituitional Monarchy",
- },
- KGZ: {
- country: "Kyrgyzstan",
- pop: 10195,
- rate: 166,
- females: 0.042,
- juveniles: 0.004,
- occupancy: 0.585,
- government: "Republic",
- },
- LAO: {
- country: "Laos",
- pop: 8201,
- rate: 119,
- females: 0.183,
- juveniles: "--",
- occupancy: "--",
- government: "Republic",
- },
- LVA: {
- country: "Latvia",
- pop: 4243,
- rate: 218,
- females: 0.082,
- juveniles: 0.01,
- occupancy: 0.753,
- government: "Republic",
- },
- LBN: {
- country: "Lebanon",
- pop: 6500,
- rate: 128,
- females: 0.046,
- juveniles: 0.024,
- occupancy: 1.857,
- government: "Republic",
- },
- LSO: {
- country: "Lesotho",
- pop: 2073,
- rate: 92,
- females: 0.036,
- juveniles: 0.024,
- occupancy: 0.706,
- government: "Constitutional Monarchy",
- },
- LBR: {
- country: "Liberia",
- pop: 2023,
- rate: 44,
- females: 0.013,
- juveniles: 0.01,
- occupancy: 1.657,
- government: "Republic",
- },
- LBY: {
- country: "Libya",
- pop: 6187,
- rate: 99,
- females: 0.012,
- juveniles: "--",
- occupancy: 1.416,
- government: "--",
- },
- LTU: {
- country: "Lithuania",
- pop: 6616,
- rate: 235,
- females: 0.049,
- juveniles: 0.007,
- occupancy: 0.826,
- government: "Republic",
- },
- LUX: {
- country: "Luxembourg",
- pop: 690,
- rate: 115,
- females: 0.055,
- juveniles: 0.009,
- occupancy: 0.97,
- government: "Constituitional Monarchy",
- },
- MKD: {
- country: "Macedonia",
- pop: 3222,
- rate: 156,
- females: 0.032,
- juveniles: 0.007,
- occupancy: 1.323,
- government: "Republic",
- },
- MDG: {
- country: "Madagascar",
- pop: 22000,
- rate: 88,
- females: 0.045,
- juveniles: 0.034,
- occupancy: 1.93,
- government: "Republic",
- },
- MWI: {
- country: "Malawi",
- pop: 14018,
- rate: 79,
- females: 0.011,
- juveniles: 0.077,
- occupancy: 2.003,
- government: "Republic",
- },
- MYS: {
- country: "Malaysia",
- pop: 51602,
- rate: 167,
- females: 0.069,
- juveniles: 0.022,
- occupancy: 1.139,
- government: "Constitutional Monarchy",
- },
- MLI: {
- country: "Mali",
- pop: 5209,
- rate: 33,
- females: 0.028,
- juveniles: 0.013,
- occupancy: 2.233,
- government: "Republic",
- },
- MRT: {
- country: "Mauritania",
- pop: 1768,
- rate: 44,
- females: 0.012,
- juveniles: 0.031,
- occupancy: 1.019,
- government: "Republic",
- },
- MEX: {
- country: "Mexico",
- pop: 208689,
- rate: 169,
- females: 0.052,
- juveniles: 0.043,
- occupancy: 0.979,
- government: "Executive Republic",
- },
- MDA: {
- country: "Moldova",
- pop: 7868,
- rate: 222,
- females: 0.082,
- juveniles: 0.003,
- occupancy: 0.909,
- government: "Ceremonial Republic",
- },
- MNG: {
- country: "Mongolia",
- pop: 7690,
- rate: 262,
- females: 0.051,
- juveniles: 0.009,
- occupancy: 1.244,
- government: "Executive Republic",
- },
- MNE: {
- country: "Montenegro",
- pop: 1131,
- rate: 182,
- females: 0.031,
- juveniles: 0.004,
- occupancy: 0.838,
- government: "Ceremonial Republic",
- },
- MAR: {
- country: "Morocco",
- pop: 80000,
- rate: 227,
- females: 0.023,
- juveniles: 0.027,
- occupancy: 1.578,
- government: "Executive Constitutional Monarchy",
- },
- MOZ: {
- country: "Mozambique",
- pop: 15976,
- rate: 57,
- females: 0.029,
- juveniles: 0.086,
- occupancy: 1.951,
- government: "Executive Republic",
- },
- MMR: {
- country: "Myanmar",
- pop: 79668,
- rate: 145,
- females: 0.123,
- juveniles: 0.016,
- occupancy: 1.443,
- government: "Executive Republic",
- },
- NAM: {
- country: "Namibia",
- pop: 3742,
- rate: 149,
- females: 0.029,
- juveniles: 0.002,
- occupancy: 0.727,
- government: "Executive Republic",
- },
- NPL: {
- country: "Nepal",
- pop: 18881,
- rate: 65,
- females: 0.073,
- juveniles: 0.055,
- occupancy: 1.78,
- government: "Ceremonial Republic",
- },
- NLD: {
- country: "Netherlands",
- pop: 10102,
- rate: 59,
- females: 0.054,
- juveniles: 0.012,
- occupancy: 0.681,
- government: "Ceremonial Constitutional Monarchy",
- },
- NCL: {
- country: "New Caledonia",
- pop: 549,
- rate: 204,
- females: 0.015,
- juveniles: 0.031,
- occupancy: 1.366,
- government: "French Republic",
- },
- NZL: {
- country: "New Zealand",
- pop: 10260,
- rate: 214,
- females: 0.074,
- juveniles: 0.006,
- occupancy: 1.061,
- government: "Ceremonial Constitutional Monarchy",
- },
- NIC: {
- country: "Nicaragua",
- pop: 10569,
- rate: 171,
- females: 0.054,
- juveniles: 0.006,
- occupancy: 1.28,
- government: "Executive Republic",
- },
- NER: {
- country: "Niger",
- pop: 8525,
- rate: 44,
- females: 0.043,
- juveniles: "--",
- occupancy: 0.604,
- government: "Executive Republic",
- },
- NGA: {
- country: "Nigeria",
- pop: 68259,
- rate: 36,
- females: 0.02,
- juveniles: 0.017,
- occupancy: 1.259,
- government: "Executive Republic",
- },
- PRK: {
- country: "North Korea",
- pop: 100000,
- females: "--",
- juveniles: "--",
- occupancy: "--",
- government: "Executive Republic",
- },
- NOR: {
- country: "Norway",
- pop: 3933,
- rate: 74,
- females: 0.064,
- juveniles: 0.001,
- occupancy: 0.952,
- government: "Ceremonial Constitutional Monarchy",
- },
- OMN: {
- country: "Oman",
- pop: 1300,
- rate: 36,
- females: 0.045,
- juveniles: 0.038,
- occupancy: "--",
- government: "Executive Absolute Monarchy",
- },
- PAK: {
- country: "Pakistan",
- pop: 84315,
- rate: 44,
- females: 0.018,
- juveniles: 0.017,
- occupancy: 1.716,
- government: "Ceremonial Republic",
- },
- PAN: {
- country: "Panama",
- pop: 16151,
- rate: 393,
- females: 0.055,
- juveniles: 0,
- occupancy: 1.139,
- government: "Executive Republic",
- },
- PNG: {
- country: "Papau New Guinea",
- pop: 4945,
- rate: 63,
- females: 0.05,
- juveniles: 0.039,
- occupancy: 1.187,
- government: "Ceremonial Consititutional Monarchy",
- },
- PRY: {
- country: "Paraguay",
- pop: 12741,
- rate: 180,
- females: 0.065,
- juveniles: 0.028,
- occupancy: 1.786,
- government: "Executive Republic",
- },
- PER: {
- country: "Peru",
- pop: 84741,
- rate: 265,
- females: 0.058,
- juveniles: 0,
- occupancy: 2.293,
- government: "Executive Republic",
- },
- PHL: {
- country: "Philippines",
- pop: 178661,
- rate: 172,
- females: 0.089,
- juveniles: 0.004,
- occupancy: 4.36,
- government: "Executive Republic",
- },
- POL: {
- country: "Poland",
- pop: 73717,
- rate: 194,
- females: 0.038,
- juveniles: 0.004,
- occupancy: 0.9,
- government: "Executive Republic",
- },
- PRT: {
- country: "Portugal",
- pop: 13726,
- rate: 133,
- females: 0.064,
- juveniles: 0.001,
- occupancy: 1.069,
- government: "Executive Republic",
- },
- PRI: {
- country: "Puerto Rico",
- pop: 10475,
- rate: 313,
- females: 0.036,
- juveniles: 0.037,
- occupancy: 0.736,
- government: "Executive Republic",
- },
- QAT: {
- country: "Qatar",
- pop: 1150,
- rate: 53,
- females: 0.147,
- juveniles: 0,
- occupancy: "--",
- government: "Executive Absolute Monarchy",
- },
- ROU: {
- country: "Romania",
- pop: 26529,
- rate: 135,
- females: 0.051,
- juveniles: 0.013,
- occupancy: 0.956,
- government: "Executive Republic",
- },
- RUS: {
- country: "Russia",
- pop: 609485,
- rate: 421,
- females: 0.079,
- juveniles: 0.002,
- occupancy: 0.79,
- government: "Executive Republic",
- },
- RWA: {
- country: "Rwanda",
- pop: 54279,
- rate: 434,
- females: 0.065,
- juveniles: 0.004,
- occupancy: 0.956,
- government: "Executive Republic",
- },
- SAU: {
- country: "Saudi Arabia",
- pop: 47000,
- rate: 161,
- females: 0.057,
- juveniles: 0.009,
- occupancy: "--",
- government: "Executive Absolute Monarchy",
- },
- SEN: {
- country: "Senegal",
- pop: 9422,
- rate: 60,
- females: 0.029,
- juveniles: 0.02,
- occupancy: 1.173,
- government: "Executive Republic",
- },
- SRB: {
- country: "Serbia",
- pop: 10065,
- rate: 142,
- females: 0.036,
- juveniles: 0.01,
- occupancy: 1.064,
- government: "Cermonial Republic",
- },
- SLE: {
- country: "Sierra Leone",
- pop: 4179,
- rate: 64,
- females: 0.033,
- juveniles: 0,
- occupancy: 2.16,
- government: "Executive Republic",
- },
- SVK: {
- country: "Slovakia",
- pop: 10247,
- rate: 188,
- females: 0.07,
- juveniles: 0.008,
- occupancy: 0.937,
- government: "Ceremonial Republic",
- },
- SVN: {
- country: "Slovenia",
- pop: 1316,
- rate: 64,
- females: 0.074,
- juveniles: 0.005,
- occupancy: 0.983,
- government: "Ceremonial Republic",
- },
- SLB: {
- country: "Solomon Islands",
- pop: 435,
- rate: 73,
- females: 0.014,
- juveniles: 0.059,
- occupancy: 0.606,
- government: "Ceremonial Constitutional Monarchy",
- },
- SOL: {
- country: "Somaliland",
- pop: 2000,
- rate: "--",
- females: "--",
- juveniles: "--",
- occupancy: "--",
- government: "Presidential Constitutional Republic",
- },
- SOM: {
- country: "Somalia",
- pop: 3700,
- rate: "--",
- females: "--",
- juveniles: "--",
- occupancy: "--",
- government: "Federal Parliamentary Republic",
- },
- ZAF: {
- country: "South Africa",
- pop: 161984,
- rate: 291,
- females: 0.026,
- juveniles: 0.002,
- occupancy: 1.327,
- government: "Executive Republic",
- },
- KOR: {
- country: "South Korea",
- pop: 57451,
- rate: 114,
- females: 0.065,
- juveniles: 0.008,
- occupancy: 1.133,
- government: "Executive Republic",
- },
- ESP: {
- country: "Spain",
- pop: 59678,
- rate: 128,
- females: 0.075,
- juveniles: 0,
- occupancy: 0.809,
- government: "Ceremonial Constitutional Monarchy",
- },
- LKA: {
- country: "Sri Lanka",
- pop: 16990,
- rate: 78,
- females: 0.049,
- juveniles: 0.001,
- occupancy: 1.906,
- government: "Executive Republic",
- },
- SDN: {
- country: "Sudan",
- pop: 19101,
- rate: 50,
- females: 0.02,
- juveniles: 0.02,
- occupancy: 2.553,
- government: "Executive Republic",
- },
- SSD: {
- country: "S.Sudan",
- pop: 6504,
- rate: 52,
- females: 0.109,
- juveniles: "--",
- occupancy: 3.2925,
- government: "Constitutional Republic",
- },
- SUR: {
- country: "Suriname",
- pop: 1000,
- rate: 183,
- females: 0.028,
- juveniles: 0.057,
- occupancy: 0.752,
- government: "Executive Republic",
- },
- SWZ: {
- country: "Swaziland",
- pop: 3610,
- rate: 282,
- females: 0.029,
- juveniles: 0.007,
- occupancy: 1.272,
- government: "Executive Absolute Monarchy",
- },
- SWE: {
- country: "Sweden",
- pop: 5630,
- rate: 57,
- females: 0.061,
- juveniles: 0.003,
- occupancy: 0.842,
- government: "Ceremonial Constitutional Monarchy",
- },
- CHE: {
- country: "Switzerland",
- pop: 6912,
- rate: 82,
- females: 0.056,
- juveniles: 0.003,
- occupancy: 0.922,
- government: "Executive Republic",
- },
- SYR: {
- country: "Syria",
- pop: 10599,
- rate: 60,
- females: 0.074,
- juveniles: "--",
- occupancy: 0.656,
- government: "Executive Republic",
- },
- TWN: {
- country: "Taiwan",
- pop: 62445,
- rate: 265,
- females: 0.087,
- juveniles: 0.025,
- occupancy: 1.148,
- government: "Constitutional Republic",
- },
- TJK: {
- country: "Tajikistan",
- pop: 9317,
- rate: 121,
- females: 0.016,
- juveniles: 0.01,
- occupancy: 0.615,
- government: "Executive Republic",
- },
- TZA: {
- country: "Tanzania",
- pop: 31382,
- rate: 58,
- females: 0.034,
- juveniles: 0.039,
- occupancy: 1.157,
- government: "Executive Republic",
- },
- THA: {
- country: "Thailand",
- pop: 312855,
- rate: 462,
- females: 0.131,
- juveniles: "--",
- occupancy: 1.448,
- government: "--",
- },
- TLS: {
- country: "Timor-Leste",
- pop: 669,
- rate: 56,
- females: 0.04,
- juveniles: 0.055,
- occupancy: 1.373,
- government: "Constitutional Republic",
- },
- TGO: {
- country: "Togo",
- pop: 4427,
- rate: 62,
- females: 0.027,
- juveniles: 0.009,
- occupancy: 1.628,
- government: "Executive Republic",
- },
- TTO: {
- country: "Trinidad and Tobago",
- pop: 3667,
- rate: 270,
- females: 0.026,
- juveniles: 0.048,
- occupancy: 0.751,
- government: "Ceremonial Republic",
- },
- TUN: {
- country: "Tunisia",
- pop: 23553,
- rate: 206,
- females: 0.028,
- juveniles: 0.01,
- occupancy: 1.389,
- government: "Executive Republic",
- },
- TUR: {
- country: "Turkey",
- pop: 229790,
- rate: 285,
- females: 0.043,
- juveniles: 0.012,
- occupancy: 1.108,
- government: "Ceremonial Republic",
- },
- TKM: {
- country: "Turkmenistan",
- pop: 30568,
- rate: 583,
- females: 0.065,
- juveniles: 0.007,
- occupancy: 0.85,
- government: "Executive Republic",
- },
- UGA: {
- country: "Uganda",
- pop: 54059,
- rate: 129,
- females: 0.044,
- juveniles: 0,
- occupancy: 2.932,
- government: "Executive Republic",
- },
- UKR: {
- country: "Ukraine",
- pop: 60771,
- rate: 167,
- females: 0.046,
- juveniles: 0.007,
- occupancy: 0.63,
- government: "Executive Republic",
- },
- ARE: {
- country: "United Arab Emirates",
- pop: 9826,
- rate: 104,
- females: 0.117,
- juveniles: 0.02,
- occupancy: 1.589,
- government: "Executive Absolute Monarchy",
- },
- GBR: {
- country: "United Kingdom",
- pop: 95284,
- rate: 360,
- females: 0.0447,
- juveniles: 0.0047,
- occupancy: 0.972,
- government: "Ceremonial Constitutional Monarchy",
- },
- USA: {
- country: "United States of America",
- pop: 2145100,
- rate: 666,
- females: 0.098,
- juveniles: 0.002,
- occupancy: 1.039,
- government: "Executive Republic",
- },
- URY: {
- country: "Uruguay",
- pop: 11078,
- rate: 321,
- females: 0.053,
- juveniles: 0,
- occupancy: 1.121,
- government: "Executive Republic",
- },
- UZB: {
- country: "Uzbekistan",
- pop: 43900,
- rate: 150,
- females: "--",
- juveniles: "--",
- occupancy: 0.8,
- government: "Executive Republic",
- },
- VEN: {
- country: "Venezuela",
- pop: 54738,
- rate: 173,
- females: 0.05,
- juveniles: 0,
- occupancy: 1.539,
- government: "Executive Republic",
- },
- VNM: {
- country: "Vietnam",
- pop: 115035,
- rate: 122,
- females: 0.101,
- juveniles: "--",
- occupancy: "--",
- government: "Executive Republic",
- },
- SAH: {
- country: "Western Sahara",
- pop: "--",
- rate: "--",
- females: "--",
- juveniles: "--",
- occupancy: "--",
- government: "Disputed",
- },
- YEM: {
- country: "Yemen",
- pop: 14000,
- rate: 53,
- females: 0.016,
- juveniles: 0.019,
- occupancy: "--",
- government: "Provisional Government",
- },
- ZMB: {
- country: "Zambia",
- pop: 25000,
- rate: 160,
- females: 0.01,
- juveniles: 0.025,
- occupancy: 3.03,
- government: "Executive Republic",
- },
- ZWE: {
- country: "Zimbabwe",
- pop: 19521,
- rate: 120,
- females: 0.022,
- juveniles: 0.005,
- occupancy: 1.109,
- government: "Executive Republic",
- },
-};
+import * as d3 from "https://cdn.jsdelivr.net/npm/d3@7/+esm";
+import * as topojson from "https://cdn.jsdelivr.net/npm/topojson-client@3/+esm";
+import { countries } from "../data/countries.js";
+import { isoNumericToAlpha3 } from "../data/iso-numeric-to-alpha3.js";
+import { initMap, applyGradient, setClickHandler } from "./map/choropleth.js";
+import { initTooltip } from "./map/tooltip.js";
+import { initZoom, resetZoom } from "./map/zoom.js";
+import { renderBarChart } from "./charts/bar.js";
+import { renderPieChart } from "./charts/pie.js";
+import { showCountryModal } from "./ui/modal.js";
+import { initCompare } from "./ui/compare.js";
+import { initControls, getTop5 } from "./ui/controls.js";
+
+// Phase 2+: wire modules together here
diff --git a/assets/js/charts/bar.js b/assets/js/charts/bar.js
new file mode 100644
index 0000000..4aa61ef
--- /dev/null
+++ b/assets/js/charts/bar.js
@@ -0,0 +1,2 @@
+// Phase 4: horizontal bar chart for top-N countries
+export function renderBarChart(container, data) {}
diff --git a/assets/js/charts/pie.js b/assets/js/charts/pie.js
new file mode 100644
index 0000000..ff5a2e5
--- /dev/null
+++ b/assets/js/charts/pie.js
@@ -0,0 +1,2 @@
+// Phase 4: donut pie chart for top-N countries
+export function renderPieChart(container, data) {}
diff --git a/assets/js/map/choropleth.js b/assets/js/map/choropleth.js
new file mode 100644
index 0000000..e7d5d3d
--- /dev/null
+++ b/assets/js/map/choropleth.js
@@ -0,0 +1,4 @@
+// Phase 2: choropleth map rendering, gradient coloring
+export function initMap(container, countries, isoLookup) {}
+export function applyGradient(metricKey) {}
+export function setClickHandler(fn) {}
diff --git a/assets/js/map/tooltip.js b/assets/js/map/tooltip.js
new file mode 100644
index 0000000..c8f112a
--- /dev/null
+++ b/assets/js/map/tooltip.js
@@ -0,0 +1,3 @@
+// Phase 3: hover tooltip
+export function initTooltip() {}
+export function attachTooltip(selection, getContent) {}
diff --git a/assets/js/map/zoom.js b/assets/js/map/zoom.js
new file mode 100644
index 0000000..aec278b
--- /dev/null
+++ b/assets/js/map/zoom.js
@@ -0,0 +1,3 @@
+// Phase 3: zoom and pan behavior
+export function initZoom(svg, mapGroup) {}
+export function resetZoom(svg, zoomBehavior) {}
diff --git a/assets/js/ui/compare.js b/assets/js/ui/compare.js
new file mode 100644
index 0000000..d933609
--- /dev/null
+++ b/assets/js/ui/compare.js
@@ -0,0 +1,2 @@
+// Phase 5: side-by-side country comparison panel
+export function initCompare(countries) {}
diff --git a/assets/js/ui/controls.js b/assets/js/ui/controls.js
new file mode 100644
index 0000000..15c1a3b
--- /dev/null
+++ b/assets/js/ui/controls.js
@@ -0,0 +1,3 @@
+// Phase 5: metric selector, label toggle, reset button bindings
+export function initControls(onMetricChange, onLabelToggle, onReset) {}
+export function getTop5(countries, metricKey) {}
diff --git a/assets/js/ui/modal.js b/assets/js/ui/modal.js
new file mode 100644
index 0000000..e110764
--- /dev/null
+++ b/assets/js/ui/modal.js
@@ -0,0 +1,2 @@
+// Phase 5: country detail modal
+export function showCountryModal(countryData) {}
generated by cgit v1.2.3 (git 2.39.1) at 2026-08-04 13:04:10 +0000