Updated Chapter 11

Chapter11/Chapter_11_Solutions/Chapter_11_Solutions/css/style.css

@@ -0,0 +1,121 @@
+.map {
+    border: medium solid #999;
+    margin: 10px 0 0 20px;
+}
+
+.countries {
+    fill: #fff;
+    stroke: #CCC;
+    stroke-width: 2px;
+}
+
+
+.gratLines {
+    fill: none;
+    stroke: #999;
+    stroke-width: 1px;
+}
+
+.gratBackground {
+    fill: #D5E3FF;
+}
+
+.regions {
+    stroke: #000;
+    stroke-width: 0.5px;
+    stroke-linecap: round;
+}
+
+.numbers {
+    fill: white;
+    font-family: sans-serif;
+}
+
+.chart {
+    float: right;
+    margin: 7px 20px 0 0;
+}
+
+.chartTitle {
+    font-family: sans-serif;
+    font-size: 1.5em;
+    font-weight: bold;
+}
+
+.chartBackground {
+    fill: rgba(128,128,128,.2);
+}
+
+.chartFrame {
+    fill: none;
+    stroke: #999;
+    stroke-width: 3px;
+    shape-rendering: crispEdges;
+}
+
+.axis path,
+.axis line {
+    fill: none;
+    stroke: #999;
+    stroke-width: 1px;
+    shape-rendering: crispEdges;
+}
+
+.axis text {
+    font-family: sans-serif;
+    font-size: 0.8em;
+    fill: #999;
+}
+
+/*Example 1.2*/
+.dropdown {
+    position: absolute;
+    top: 30px;
+    left: 40px;
+    z-index: 10;
+    font-family: sans-serif;
+    font-size: 1em;
+    font-weight: bold;
+    padding: 2px;
+    border: 1px solid #999;
+    box-shadow: 2px 2px 4px #999;
+}
+
+option {
+    font-weight: normal;
+}
+
+/*Example 2.8*/
+
+.infolabel {
+    position: absolute;
+    height: 50px;
+    min-width: 100px;
+    color: #fff;
+    background-color: #000;
+    border: solid thin #fff;
+    padding: 5px 10px;
+}
+
+.infolabel h1 {
+    margin: 0 20px 0 0;
+    padding: 0;
+    display: inline-block;
+    line-height: 1em;
+}
+
+/*Example 2.11*/
+
+.infolabel {
+    margin: 0 20px 0 0;
+    position: absolute;
+    height: 50px;
+    min-width: 100px;
+    color: #fff;
+    background-color: #000;
+    border: solid thin #fff;
+    padding: 5px 10px;
+    top: -75px;
+}
+
+

Chapter11/Chapter_11_Solutions/Chapter_11_Solutions/data/unitsData.csv

@@ -0,0 +1,23 @@
+id,name,adm1_code,varA,varB,varC,varD,varE
+1,Alsace,FRA-2686,85,38,75,30,9
+2,Aquitaine,FRA-2665,28,29,38,26,15
+3,Auvergne,FRA-2670,18,59,22,60,82
+4,Basse-Normandie,FRA-2661,35,45,31,26,14
+5,Bourgogne,FRA-2671,12,31,15,22,28
+6,Bretagne,FRA-2662,25,50,25,25,25
+7,Centre,FRA-2672,88,46,56,15,12
+8,Champagne-Ardenne,FRA-2682,52,51,46,68,75
+9,Corse,FRA-2666,7,12,18,11,9
+10,Franche-Comte,FRA-2685,23,18,16,24,26
+11,Haute-Normandie,FRA-2673,32,28,29,25,22
+12,Ile de France,FRA-2680,8,15,22,25,29
+13,Languedoc-Roussillon,FRA-2668,82,74,72,10,85
+14,Limousin,FRA-2681,9,16,14,23,45
+15,Lorraine,FRA-2687,33,45,68,96,102
+16,Midi-Pyrenees,FRA-2669,15,38,85,96,82
+17,Nord Pas de Calais,FRA-2683,12,10,9,4,74
+18,Pays de la Loire,FRA-2664,42,18,28,30,22
+19,Picardie,FRA-2684,9,15,15,8,29
+20,Poitou-Charentes,FRA-2663,38,31,28,32,85
+21,Provence-Alpes Cote D'Azur,FRA-2667,25,100,88,74,45
+22,Rhone-Alpes,FRA-1265,25,46,66,85,45

Chapter11/Chapter_11_Solutions/Chapter_11_Solutions/data/unitsData_incomplete.csv

@@ -0,0 +1,23 @@
+id,name,adm1_code,varA,varB,varC,varD,varE
+1,Alsace,FRA-2686,,38,75,30,9
+2,Aquitaine,FRA-2665,28,29,38,26,15
+3,Auvergne,FRA-2670,18,59,22,60,82
+4,Basse-Normandie,FRA-2661,35,45,31,26,14
+5,Bourgogne,FRA-2671,12,31,15,22,28
+6,Bretagne,FRA-2662,25,50,25,25,25
+7,Centre,FRA-2672,88,46,56,15,12
+8,Champagne-Ardenne,FRA-2682,52,51,46,68,75
+9,Corse,FRA-2666,7,12,18,11,9
+10,Franche-Comte,FRA-2685,23,18,16,24,26
+11,Haute-Normandie,FRA-2673,32,28,29,25,22
+12,Ile de France,FRA-2680,8,15,22,25,29
+13,Languedoc-Roussillon,FRA-2668,82,74,72,10,85
+14,Limousin,FRA-2681,,16,14,23,45
+15,Lorraine,FRA-2687,33,45,68,96,102
+16,Midi-Pyrenees,FRA-2669,15,38,85,96,82
+17,Nord Pas de Calais,FRA-2683,12,10,9,4,74
+18,Pays de la Loire,FRA-2664,42,18,28,30,22
+19,Picardie,FRA-2684,9,15,15,8,29
+20,Poitou-Charentes,FRA-2663,38,31,28,32,85
+21,Provence-Alpes Cote D'Azur,FRA-2667,25,100,88,74,45
+22,Rhone-Alpes,FRA-1265,25,46,66,85,45

Chapter11/Chapter_11_Solutions/Chapter_11_Solutions/img/readme.md

@@ -0,0 +1 @@
+Add images to the img folder

Chapter11/Chapter_11_Solutions/Chapter_11_Solutions/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width">
+            <title></title>
+
+        <!--put your external stylesheet links here-->
+        <link rel="stylesheet" href="css/style.css">
+        <!--[if IE<9]>
+            <link rel="stylesheet" href="css/style.ie.css">
+        <![endif]-->
+
+         <!--you can also place internal styles here;
+             place these within <style> tags-->
+
+    </head>
+
+    <body>
+        <!--put your initial page content here-->
+
+        <!--you can also use this space for internal scripts;
+        place these within <script> tags-->
+
+        <!--put your external script links here-->
+        <script src='https://unpkg.com/simple-statistics@7.0.7/dist/simple-statistics.min.js'></script>
+        <script type="text/javascript" src="lib/topojson.min.js"></script>
+        <script type="text/javascript" src="lib/d3.min.js"></script>
+        <script type="text/javascript" src="js/example2.10.js"></script>
+    </body>
+</html>