print out the statistics/put python server in/submitted milestone

Author: TRUMANCFY

.DS_Store

@@ -0,0 +1 @@
+{"std": {"Ayeyarwady": 520.6260139967366, "Bago": 218.43792989184485, "Chin": 320.57249742972476, "Kachin": 204.19996708409738, "Kayah": 236.09044985172523, "Kayin": 271.3294373402955, "Magway": 193.0518465580359, "Mandalay": 182.56457709659463, "Mon": 324.06008429212864, "Rakhine": 538.6163940236103, "Sagaing": 176.78949498076653, "Shan": 227.395437115509, "Tanintharyi": 376.2902372995526, "Yangon": 264.21604020156644}, "mean": {"Ayeyarwady": -2.7511237242424778, "Bago": 89.6969989482632, "Chin": 142.2559435142704, "Kachin": 92.6174435749121, "Kayah": 98.89933680720038, "Kayin": 133.39817507077817, "Magway": 87.3642957213881, "Mandalay": 71.70975160993561, "Mon": 120.1278454208576, "Rakhine": -17.85027921718569, "Sagaing": 94.72380019588638, "Shan": 127.89265010641873, "Tanintharyi": 27.27958024453644, "Yangon": 90.13846247193739}, "median": {"Ayeyarwady": 0.0, "Bago": 0.0, "Chin": 71.0, "Kachin": 66.0, "Kayah": 0.0, "Kayin": 68.0, "Magway": 0.0, "Mandalay": 0.0, "Mon": 51.0, "Rakhine": 23.0, "Sagaing": 28.0, "Shan": 34.0, "Tanintharyi": 49.0, "Yangon": 0.0}}

data/stat.json

@@ -46,6 +46,7 @@
           <script src='lib/topojson.min.js'></script>
           <script src="lib/d3.min.js"></script>
           <script src="lib/leaflet-sidebar.js"></script>
+          <script src="lib/jquery-3.3.1.min.js"></script>
           <div id="sidebar" class="sidebar collapsed">
             <!-- Nav tabs -->
             <div class="sidebar-tabs">
@@ -156,20 +157,23 @@ <h1 class="sidebar-header">Settings<span class="sidebar-close"><i class="fa fa-c
         // End of switcher control.
 
         var statsInfo = L.control({position: 'bottomright'});
+        let mean = " ";
+        let std = " ";
+        let median = " ";
 
         statsInfo.onAdd = function (map) {
-          var div = L.DomUtil.create('div', 'ctl');
-          div.innerHTML = "<p> \
+        var div = L.DomUtil.create('div', 'ctl');
+        div.innerHTML = "<p> \
                             <h1 align=\"left\">Statistics</h1>\
                             <ul align = \"left\">\
-                               <li> Mean = value </li>\
-                               <li> Standard deviation = value </li>\
-                               <li> Median = value </li>\
+                               <li> Mean = " + mean + " </li>\
+                               <li> Standard deviation = " + std + " </li>\
+                               <li> Median = " + median + " </li>\
                              </ul>\
                            </p>";
-          div.id = "info stats";
+        div.id = "info stats";
 
-          return div;
+        return div;
         };
         statsInfo.addTo(map);
 
@@ -192,11 +196,17 @@ <h1 align=\"left\">Statistics</h1>\
             this.stream.point(point.x, point.y);
         }
 
-        let canton = null
+        let canton = null;
+        // load json
+        // var json_ = $.getJSON('data/stat.json'); 
+        const stat = d3.json("./data/stat.json").then(d => d);
+        console.log(stat);
+
+        // let stat = $.parseJSON(json_);
 
         let transform = d3.geoTransform({point: project_point});
         let gen_path = d3.geoPath().projection(transform);
-        Promise.all([map_promise]).then((results) => {
+        Promise.all([map_promise, stat]).then((results) => {
             console.log(results);
             let feature = g.selectAll('path')
                             .data(results[0].features)
@@ -208,7 +218,27 @@ <h1 align=\"left\">Statistics</h1>\
                     .attr('stroke', 'green')
                     .attr('stroke-width', 2)
                     .attr('stroke-opacity', 0.5)
-                    .on('mousedown.log', (d) => {canton = d.properties['NAME_1']; console.log(d.properties['NAME_1'])});
+                    .on('mousedown.log', (d) => {
+
+                        // Set the canton
+                        canton = d.properties['NAME_1'];
+                        console.log(d.properties['NAME_1']);
+
+                        // Set mean, std, and median
+                        mean = results[1]['mean'][canton];
+                        std = results[1]['std'][canton];
+                        median = results[1]['median'][canton];
+                        console.log(mean);
+                        let div_ = document.getElementById('info stats');
+                        div_.innerHTML = "<p> \
+                            <h1 align=\"left\">" + canton.toString() + " Statistics</h1>\
+                            <ul align = \"left\">\
+                               <li> Mean = " + mean.toString().substring(0,5) + " </li>\
+                               <li> Standard deviation = " + std.toString().substring(0,5) + " </li>\
+                               <li> Median = " + median.toString().substring(0,5) + " </li>\
+                             </ul>\
+                           </p>";
+                    });
 
             let bounds = gen_path.bounds(results[0]);
             let top_left = bounds[0];

index.html

@@ -0,0 +1,46 @@
+from flask import Flask, request, Response
+from flask_cors import CORS
+from numpy import genfromtxt
+import numpy as np
+import pandas as pd
+from pyproj import Proj, transform
+import json
+
+df = pd.read_csv('v3.csv', header=None)
+data = df.values
+# print(np.shape(data))
+pos = data[1:, 1:3]
+val = data[1:, 3]
+tag = data[1:, 4]
+# print('pos shape' + str(np.shape(pos)))
+# print('val shape' + str(np.shape(val)))
+# print(val[:10])
+print(tag[:10])
+print(pos[:10])
+app = Flask(__name__)
+CORS(app)
+inProj = Proj(init='epsg:32646')
+outProj = Proj(init='epsg:4326')
+
+
+def return_val(point):
+    res = pos - point
+    res_ = (np.abs(res[:, 0]) + np.abs(res[:, 1]))
+    min_ind = np.argmin(res_)
+    # res = {'val':str(val[min_ind]), 'canton':str(tag[min_ind])}
+
+    return str(val[min_ind])
+
+
+@app.route('/', methods=['POST', 'GET'])
+def resvalue():
+    print('In server')
+    if request.method == 'POST':
+        json_file = request.get_json(force=True)
+        return return_val(np.asarray([json_file['lin'], json_file['lat']]))
+
+    return 'fuck you'
+
+
+if __name__ == '__main__':
+    app.run()