From 4b3de01c138bf021a6753933e0221f338875e78b Mon Sep 17 00:00:00 2001
From: Tristan Perez <tristanp1797@gmail.com>
Date: Tue, 6 Nov 2018 01:53:32 -0800
Subject: [PATCH] Updated files

---
 package-lock.json                | 309 +++++++++++++++++++++-
 package.json                     |   2 +
 src/components/Dashboard.vue     |   3 +-
 src/components/FanLocation.vue   | 437 +++++++++++++++++++++++++++++++
 src/components/Fans.vue          | 208 +++++++++------
 src/components/InterestChart.vue | 167 ++++++++++++
 src/main.js                      |  31 ++-
 static/data/population.csv       |  57 ++++
 static/data/us.json              |   1 +
 9 files changed, 1129 insertions(+), 86 deletions(-)
 create mode 100644 src/components/FanLocation.vue
 create mode 100644 src/components/InterestChart.vue
 create mode 100644 static/data/population.csv
 create mode 100644 static/data/us.json

diff --git a/package-lock.json b/package-lock.json
index 2ad8b31..67ac605 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2237,8 +2237,7 @@
     "commander": {
       "version": "2.17.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
-      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
-      "dev": true
+      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg=="
     },
     "commondir": {
       "version": "1.0.1",
@@ -2829,6 +2828,270 @@
         "es5-ext": "0.10.46"
       }
     },
+    "d3": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-5.7.0.tgz",
+      "integrity": "sha512-8KEIfx+dFm8PlbJN9PI0suazrZ41QcaAufsKE9PRcqYPWLngHIyWJZX96n6IQKePGgeSu0l7rtlueSSNq8Zc3g==",
+      "requires": {
+        "d3-array": "1.2.4",
+        "d3-axis": "1.0.12",
+        "d3-brush": "1.0.6",
+        "d3-chord": "1.0.6",
+        "d3-collection": "1.0.7",
+        "d3-color": "1.2.3",
+        "d3-contour": "1.3.2",
+        "d3-dispatch": "1.0.5",
+        "d3-drag": "1.2.3",
+        "d3-dsv": "1.0.10",
+        "d3-ease": "1.0.5",
+        "d3-fetch": "1.1.2",
+        "d3-force": "1.1.2",
+        "d3-format": "1.3.2",
+        "d3-geo": "1.11.1",
+        "d3-hierarchy": "1.1.8",
+        "d3-interpolate": "1.3.2",
+        "d3-path": "1.0.7",
+        "d3-polygon": "1.0.5",
+        "d3-quadtree": "1.0.5",
+        "d3-random": "1.1.2",
+        "d3-scale": "2.1.2",
+        "d3-scale-chromatic": "1.3.3",
+        "d3-selection": "1.3.2",
+        "d3-shape": "1.2.2",
+        "d3-time": "1.0.10",
+        "d3-time-format": "2.1.3",
+        "d3-timer": "1.0.9",
+        "d3-transition": "1.1.3",
+        "d3-voronoi": "1.1.4",
+        "d3-zoom": "1.7.3"
+      }
+    },
+    "d3-array": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-1.2.4.tgz",
+      "integrity": "sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw=="
+    },
+    "d3-axis": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-1.0.12.tgz",
+      "integrity": "sha512-ejINPfPSNdGFKEOAtnBtdkpr24c4d4jsei6Lg98mxf424ivoDP2956/5HDpIAtmHo85lqT4pruy+zEgvRUBqaQ=="
+    },
+    "d3-brush": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-1.0.6.tgz",
+      "integrity": "sha512-lGSiF5SoSqO5/mYGD5FAeGKKS62JdA1EV7HPrU2b5rTX4qEJJtpjaGLJngjnkewQy7UnGstnFd3168wpf5z76w==",
+      "requires": {
+        "d3-dispatch": "1.0.5",
+        "d3-drag": "1.2.3",
+        "d3-interpolate": "1.3.2",
+        "d3-selection": "1.3.2",
+        "d3-transition": "1.1.3"
+      }
+    },
+    "d3-chord": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-1.0.6.tgz",
+      "integrity": "sha512-JXA2Dro1Fxw9rJe33Uv+Ckr5IrAa74TlfDEhE/jfLOaXegMQFQTAgAw9WnZL8+HxVBRXaRGCkrNU7pJeylRIuA==",
+      "requires": {
+        "d3-array": "1.2.4",
+        "d3-path": "1.0.7"
+      }
+    },
+    "d3-collection": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.7.tgz",
+      "integrity": "sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A=="
+    },
+    "d3-color": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-1.2.3.tgz",
+      "integrity": "sha512-x37qq3ChOTLd26hnps36lexMRhNXEtVxZ4B25rL0DVdDsGQIJGB18S7y9XDwlDD6MD/ZBzITCf4JjGMM10TZkw=="
+    },
+    "d3-contour": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-1.3.2.tgz",
+      "integrity": "sha512-hoPp4K/rJCu0ladiH6zmJUEz6+u3lgR+GSm/QdM2BBvDraU39Vr7YdDCicJcxP1z8i9B/2dJLgDC1NcvlF8WCg==",
+      "requires": {
+        "d3-array": "1.2.4"
+      }
+    },
+    "d3-dispatch": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-1.0.5.tgz",
+      "integrity": "sha512-vwKx+lAqB1UuCeklr6Jh1bvC4SZgbSqbkGBLClItFBIYH4vqDJCA7qfoy14lXmJdnBOdxndAMxjCbImJYW7e6g=="
+    },
+    "d3-drag": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-1.2.3.tgz",
+      "integrity": "sha512-8S3HWCAg+ilzjJsNtWW1Mutl74Nmzhb9yU6igspilaJzeZVFktmY6oO9xOh5TDk+BM2KrNFjttZNoJJmDnkjkg==",
+      "requires": {
+        "d3-dispatch": "1.0.5",
+        "d3-selection": "1.3.2"
+      }
+    },
+    "d3-dsv": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-1.0.10.tgz",
+      "integrity": "sha512-vqklfpxmtO2ZER3fq/B33R/BIz3A1PV0FaZRuFM8w6jLo7sUX1BZDh73fPlr0s327rzq4H6EN1q9U+eCBCSN8g==",
+      "requires": {
+        "commander": "2.17.1",
+        "iconv-lite": "0.4.24",
+        "rw": "1.3.3"
+      }
+    },
+    "d3-ease": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.5.tgz",
+      "integrity": "sha512-Ct1O//ly5y5lFM9YTdu+ygq7LleSgSE4oj7vUt9tPLHUi8VCV7QoizGpdWRWAwCO9LdYzIrQDg97+hGVdsSGPQ=="
+    },
+    "d3-fetch": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-1.1.2.tgz",
+      "integrity": "sha512-S2loaQCV/ZeyTyIF2oP8D1K9Z4QizUzW7cWeAOAS4U88qOt3Ucf6GsmgthuYSdyB2HyEm4CeGvkQxWsmInsIVA==",
+      "requires": {
+        "d3-dsv": "1.0.10"
+      }
+    },
+    "d3-force": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-1.1.2.tgz",
+      "integrity": "sha512-p1vcHAUF1qH7yR+e8ip7Bs61AHjLeKkIn8Z2gzwU2lwEf2wkSpWdjXG0axudTHsVFnYGlMkFaEsVy2l8tAg1Gw==",
+      "requires": {
+        "d3-collection": "1.0.7",
+        "d3-dispatch": "1.0.5",
+        "d3-quadtree": "1.0.5",
+        "d3-timer": "1.0.9"
+      }
+    },
+    "d3-format": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-1.3.2.tgz",
+      "integrity": "sha512-Z18Dprj96ExragQ0DeGi+SYPQ7pPfRMtUXtsg/ChVIKNBCzjO8XYJvRTC1usblx52lqge56V5ect+frYTQc8WQ=="
+    },
+    "d3-geo": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-1.11.1.tgz",
+      "integrity": "sha512-GsG7x9G9sykseLviOVSJ3h5yjw0ItLopOtuDQKUt1TRklEegCw5WAmnIpYYiCkSH/QgUMleAeE2xZK38Qb+1+Q==",
+      "requires": {
+        "d3-array": "1.2.4"
+      }
+    },
+    "d3-hierarchy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-1.1.8.tgz",
+      "integrity": "sha512-L+GHMSZNwTpiq4rt9GEsNcpLa4M96lXMR8M/nMG9p5hBE0jy6C+3hWtyZMenPQdwla249iJy7Nx0uKt3n+u9+w=="
+    },
+    "d3-interpolate": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.3.2.tgz",
+      "integrity": "sha512-NlNKGopqaz9qM1PXh9gBF1KSCVh+jSFErrSlD/4hybwoNX/gt1d8CDbDW+3i+5UOHhjC6s6nMvRxcuoMVNgL2w==",
+      "requires": {
+        "d3-color": "1.2.3"
+      }
+    },
+    "d3-path": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.7.tgz",
+      "integrity": "sha512-q0cW1RpvA5c5ma2rch62mX8AYaiLX0+bdaSM2wxSU9tXjU4DNvkx9qiUvjkuWCj3p22UO/hlPivujqMiR9PDzA=="
+    },
+    "d3-polygon": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-1.0.5.tgz",
+      "integrity": "sha512-RHhh1ZUJZfhgoqzWWuRhzQJvO7LavchhitSTHGu9oj6uuLFzYZVeBzaWTQ2qSO6bz2w55RMoOCf0MsLCDB6e0w=="
+    },
+    "d3-quadtree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-1.0.5.tgz",
+      "integrity": "sha512-U2tjwDFbZ75JRAg8A+cqMvqPg1G3BE7UTJn3h8DHjY/pnsAfWdbJKgyfcy7zKjqGtLAmI0q8aDSeG1TVIKRaHQ=="
+    },
+    "d3-random": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-1.1.2.tgz",
+      "integrity": "sha512-6AK5BNpIFqP+cx/sreKzNjWbwZQCSUatxq+pPRmFIQaWuoD+NrbVWw7YWpHiXpCQ/NanKdtGDuB+VQcZDaEmYQ=="
+    },
+    "d3-scale": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-2.1.2.tgz",
+      "integrity": "sha512-bESpd64ylaKzCDzvULcmHKZTlzA/6DGSVwx7QSDj/EnX9cpSevsdiwdHFYI9ouo9tNBbV3v5xztHS2uFeOzh8Q==",
+      "requires": {
+        "d3-array": "1.2.4",
+        "d3-collection": "1.0.7",
+        "d3-format": "1.3.2",
+        "d3-interpolate": "1.3.2",
+        "d3-time": "1.0.10",
+        "d3-time-format": "2.1.3"
+      }
+    },
+    "d3-scale-chromatic": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-1.3.3.tgz",
+      "integrity": "sha512-BWTipif1CimXcYfT02LKjAyItX5gKiwxuPRgr4xM58JwlLocWbjPLI7aMEjkcoOQXMkYsmNsvv3d2yl/OKuHHw==",
+      "requires": {
+        "d3-color": "1.2.3",
+        "d3-interpolate": "1.3.2"
+      }
+    },
+    "d3-selection": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-1.3.2.tgz",
+      "integrity": "sha512-OoXdv1nZ7h2aKMVg3kaUFbLLK5jXUFAMLD/Tu5JA96mjf8f2a9ZUESGY+C36t8R1WFeWk/e55hy54Ml2I62CRQ=="
+    },
+    "d3-shape": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.2.2.tgz",
+      "integrity": "sha512-hUGEozlKecFZ2bOSNt7ENex+4Tk9uc/m0TtTEHBvitCBxUNjhzm5hS2GrrVRD/ae4IylSmxGeqX5tWC2rASMlQ==",
+      "requires": {
+        "d3-path": "1.0.7"
+      }
+    },
+    "d3-time": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.0.10.tgz",
+      "integrity": "sha512-hF+NTLCaJHF/JqHN5hE8HVGAXPStEq6/omumPE/SxyHVrR7/qQxusFDo0t0c/44+sCGHthC7yNGFZIEgju0P8g=="
+    },
+    "d3-time-format": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.1.3.tgz",
+      "integrity": "sha512-6k0a2rZryzGm5Ihx+aFMuO1GgelgIz+7HhB4PH4OEndD5q2zGn1mDfRdNrulspOfR6JXkb2sThhDK41CSK85QA==",
+      "requires": {
+        "d3-time": "1.0.10"
+      }
+    },
+    "d3-timer": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.9.tgz",
+      "integrity": "sha512-rT34J5HnQUHhcLvhSB9GjCkN0Ddd5Y8nCwDBG2u6wQEeYxT/Lf51fTFFkldeib/sE/J0clIe0pnCfs6g/lRbyg=="
+    },
+    "d3-transition": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-1.1.3.tgz",
+      "integrity": "sha512-tEvo3qOXL6pZ1EzcXxFcPNxC/Ygivu5NoBY6mbzidATAeML86da+JfVIUzon3dNM6UX6zjDx+xbYDmMVtTSjuA==",
+      "requires": {
+        "d3-color": "1.2.3",
+        "d3-dispatch": "1.0.5",
+        "d3-ease": "1.0.5",
+        "d3-interpolate": "1.3.2",
+        "d3-selection": "1.3.2",
+        "d3-timer": "1.0.9"
+      }
+    },
+    "d3-voronoi": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/d3-voronoi/-/d3-voronoi-1.1.4.tgz",
+      "integrity": "sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg=="
+    },
+    "d3-zoom": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-1.7.3.tgz",
+      "integrity": "sha512-xEBSwFx5Z9T3/VrwDkMt+mr0HCzv7XjpGURJ8lWmIC8wxe32L39eWHIasEe/e7Ox8MPU4p1hvH8PKN2olLzIBg==",
+      "requires": {
+        "d3-dispatch": "1.0.5",
+        "d3-drag": "1.2.3",
+        "d3-interpolate": "1.3.2",
+        "d3-selection": "1.3.2",
+        "d3-transition": "1.1.3"
+      }
+    },
     "date-now": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz",
@@ -10473,6 +10736,11 @@
         "aproba": "1.2.0"
       }
     },
+    "rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q="
+    },
     "rx-lite": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
@@ -11283,6 +11551,43 @@
         "repeat-string": "1.6.1"
       }
     },
+    "topojson": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/topojson/-/topojson-3.0.2.tgz",
+      "integrity": "sha512-u3zeuL6WEVL0dmsRn7uHZKc4Ao4gpW3sORUv+N3ezLTvY3JdCuyg0hvpWiIfFw8p/JwVN++SvAsFgcFEeR15rQ==",
+      "requires": {
+        "topojson-client": "3.0.0",
+        "topojson-server": "3.0.0",
+        "topojson-simplify": "3.0.2"
+      },
+      "dependencies": {
+        "topojson-client": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/topojson-client/-/topojson-client-3.0.0.tgz",
+          "integrity": "sha1-H5kpOnfvQqRI0DKoGqmCtz82DS8=",
+          "requires": {
+            "commander": "2.17.1"
+          }
+        },
+        "topojson-server": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/topojson-server/-/topojson-server-3.0.0.tgz",
+          "integrity": "sha1-N4546Hw5cqe1vixdYENptrrmnF4=",
+          "requires": {
+            "commander": "2.17.1"
+          }
+        },
+        "topojson-simplify": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/topojson-simplify/-/topojson-simplify-3.0.2.tgz",
+          "integrity": "sha512-gyYSVRt4jO/0RJXKZQPzTDQRWV+D/nOfiljNUv0HBXslFLtq3yxRHrl7jbrjdbda5Ytdr7M8BZUI4OxU7tnbRQ==",
+          "requires": {
+            "commander": "2.17.1",
+            "topojson-client": "3.0.0"
+          }
+        }
+      }
+    },
     "toposort": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/toposort/-/toposort-1.0.7.tgz",
diff --git a/package.json b/package.json
index dd70195..98e373b 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,9 @@
     "build": "node build/build.js"
   },
   "dependencies": {
+    "d3": "^5.7.0",
     "firebase": "^5.5.4",
+    "topojson": "^3.0.2",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1",
     "vuefire": "^2.0.0-alpha.15"
diff --git a/src/components/Dashboard.vue b/src/components/Dashboard.vue
index 60041a6..6f96491 100644
--- a/src/components/Dashboard.vue
+++ b/src/components/Dashboard.vue
@@ -3,7 +3,7 @@
     <div class="header">
       <ul>
         <!-- Link to go to homepage -->
-        <li style="float:left"><a href="#" class="homelink">Fanmire</a></li> 
+        <li style="float:left"><a href="#" class="homelink">Fanmire</a></li>
         <!-- Dropdown Menu -->
         <li style="float:right" class="dropdown">
           <a href="javascript:void(0)" class="dropbtn">[User pic + name]</a>
@@ -122,7 +122,6 @@ export default {
   text-decoration: none;
   display: block;
   text-align: left;
-  
 }
 .dropdown-content a:hover {background-color: #f1f1f1}
 
diff --git a/src/components/FanLocation.vue b/src/components/FanLocation.vue
new file mode 100644
index 0000000..400b981
--- /dev/null
+++ b/src/components/FanLocation.vue
@@ -0,0 +1,437 @@
+<template>
+	<!-- <div class="map"><h1 id="name"></h1></div> -->
+	<svg class="map" width="950" height="500"><h1 id="name"></h1></svg>
+	<!-- <div class="map">
+		<div id="tooltip-container"></div>
+
+		<div id="canvas-svg"></div>
+	</div> -->
+</template>
+
+<script src="http://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3-hexbin.v0.2.min.js"></script>
+<script src="http://d3js.org/topojson.v2.min.js"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+
+<script>
+import * as d3 from "d3";
+import * as topojson from "topojson";
+
+export default {
+	name: 'FanLocation',
+  props: {
+
+  },
+  data() {
+    return {
+
+    }
+	},
+	mounted() {
+		this.renderMap();
+	},
+  methods: {
+    renderMap() {
+			// "https://unpkg.com/us-atlas@1/us/10m.json"
+
+
+
+			// d3.csv("static/data/population.csv", function(err, data) {
+
+			// 	var config = {"color1":"#d3e5ff","color2":"#08306B","stateDataColumn":"state_or_territory","valueDataColumn":"population_estimate_for_july_1_2013_number"}
+				
+			// 	var WIDTH = 800, HEIGHT = 500;
+				
+			// 	var COLOR_COUNTS = 9;
+				
+			// 	var SCALE = 0.7;
+				
+			// 	function Interpolate(start, end, steps, count) {
+			// 			var s = start,
+			// 					e = end,
+			// 					final = s + (((e - s) / steps) * count);
+			// 			return Math.floor(final);
+			// 	}
+				
+			// 	function Color(_r, _g, _b) {
+			// 			var r, g, b;
+			// 			var setColors = function(_r, _g, _b) {
+			// 					r = _r;
+			// 					g = _g;
+			// 					b = _b;
+			// 			};
+				
+			// 			setColors(_r, _g, _b);
+			// 			this.getColors = function() {
+			// 					var colors = {
+			// 							r: r,
+			// 							g: g,
+			// 							b: b
+			// 					};
+			// 					return colors;
+			// 			};
+			// 	}
+				
+			// 	function hexToRgb(hex) {
+			// 			var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+			// 			return result ? {
+			// 					r: parseInt(result[1], 16),
+			// 					g: parseInt(result[2], 16),
+			// 					b: parseInt(result[3], 16)
+			// 			} : null;
+			// 	}
+				
+			// 	function valueFormat(d) {
+			// 		if (d > 1000000000) {
+			// 			return Math.round(d / 1000000000 * 10) / 10 + "B";
+			// 		} else if (d > 1000000) {
+			// 			return Math.round(d / 1000000 * 10) / 10 + "M";
+			// 		} else if (d > 1000) {
+			// 			return Math.round(d / 1000 * 10) / 10 + "K";
+			// 		} else {
+			// 			return d;
+			// 		}
+			// 	}
+				
+			// 	var COLOR_FIRST = config.color1, COLOR_LAST = config.color2;
+				
+			// 	var rgb = hexToRgb(COLOR_FIRST);
+				
+			// 	var COLOR_START = new Color(rgb.r, rgb.g, rgb.b);
+				
+			// 	rgb = hexToRgb(COLOR_LAST);
+			// 	var COLOR_END = new Color(rgb.r, rgb.g, rgb.b);
+				
+			// 	var MAP_STATE = config.stateDataColumn;
+			// 	var MAP_VALUE = config.valueDataColumn;
+				
+			// 	var width = WIDTH,
+			// 			height = HEIGHT;
+				
+			// 	var valueById = d3.map();
+				
+			// 	var startColors = COLOR_START.getColors(),
+			// 			endColors = COLOR_END.getColors();
+				
+			// 	var colors = [];
+				
+			// 	for (var i = 0; i < COLOR_COUNTS; i++) {
+			// 		var r = Interpolate(startColors.r, endColors.r, COLOR_COUNTS, i);
+			// 		var g = Interpolate(startColors.g, endColors.g, COLOR_COUNTS, i);
+			// 		var b = Interpolate(startColors.b, endColors.b, COLOR_COUNTS, i);
+			// 		colors.push(new Color(r, g, b));
+			// 	}
+				
+			// 	var quantize = d3.scaleQuantize()
+			// 			.domain([0, 1.0])
+			// 			.range(d3.range(COLOR_COUNTS).map(function(i) { return i }));
+				
+			// 	var path = d3.geoPath();
+				
+			// 	var svg = d3.select("#canvas-svg").append("svg")
+			// 			.attr("width", width)
+			// 			.attr("height", height);
+				
+			// 	d3.tsv("https://s3-us-west-2.amazonaws.com/vida-public/geo/us-state-names.tsv", function(error, names) {
+				
+			// 	var name_id_map = {};
+			// 	var id_name_map = {};
+				
+			// 	for (var i = 0; i < names.length; i++) {
+			// 		name_id_map[names[i].name] = names[i].id;
+			// 		id_name_map[names[i].id] = names[i].name;
+			// 	}
+				
+			// 	data.forEach(function(d) {
+			// 		var id = name_id_map[d[MAP_STATE]];
+			// 		valueById.set(id, +d[MAP_VALUE]); 
+			// 	});
+				
+			// 	quantize.domain([d3.min(data, function(d){ return +d[MAP_VALUE] }),
+			// 		d3.max(data, function(d){ return +d[MAP_VALUE] })]);
+				
+			// 	d3.json("https://s3-us-west-2.amazonaws.com/vida-public/geo/us.json", function(error, us) {
+			// 		svg.append("g")
+			// 				.attr("class", "states-choropleth")
+			// 			.selectAll("path")
+			// 				.data(topojson.feature(us, us.objects.states).features)
+			// 			.enter().append("path")
+			// 				.attr("transform", "scale(" + SCALE + ")")
+			// 				.style("fill", function(d) {
+			// 					if (valueById.get(d.id)) {
+			// 						var i = quantize(valueById.get(d.id));
+			// 						var color = colors[i].getColors();
+			// 						return "rgb(" + color.r + "," + color.g +
+			// 								"," + color.b + ")";
+			// 					} else {
+			// 						return "";
+			// 					}
+			// 				})
+			// 				.attr("d", path)
+			// 				.on("mousemove", function(d) {
+			// 						var html = "";
+				
+			// 						html += "<div class=\"tooltip_kv\">";
+			// 						html += "<span class=\"tooltip_key\">";
+			// 						html += id_name_map[d.id];
+			// 						html += "</span>";
+			// 						html += "<span class=\"tooltip_value\">";
+			// 						html += (valueById.get(d.id) ? valueFormat(valueById.get(d.id)) : "");
+			// 						html += "";
+			// 						html += "</span>";
+			// 						html += "</div>";
+									
+			// 						$("#tooltip-container").html(html);
+			// 						$(this).attr("fill-opacity", "0.8");
+			// 						$("#tooltip-container").show();
+									
+			// 						var coordinates = d3.mouse(this);
+									
+			// 						var map_width = $('.states-choropleth')[0].getBoundingClientRect().width;
+									
+			// 						if (d3.event.layerX < map_width / 2) {
+			// 							d3.select("#tooltip-container")
+			// 								.style("top", (d3.event.layerY + 15) + "px")
+			// 								.style("left", (d3.event.layerX + 15) + "px");
+			// 						} else {
+			// 							var tooltip_width = $("#tooltip-container").width();
+			// 							d3.select("#tooltip-container")
+			// 								.style("top", (d3.event.layerY + 15) + "px")
+			// 								.style("left", (d3.event.layerX - tooltip_width - 30) + "px");
+			// 						}
+			// 				})
+			// 				.on("mouseout", function() {
+			// 								$(this).attr("fill-opacity", "1.0");
+			// 								$("#tooltip-container").hide();
+			// 						});
+				
+			// 		svg.append("path")
+			// 				.datum(topojson.mesh(us, us.objects.states, function(a, b) { return a !== b; }))
+			// 				.attr("class", "states")
+			// 				.attr("transform", "scale(" + SCALE + ")")
+			// 				.attr("d", path);
+			// 	});
+				
+			// 	});
+			// });
+
+			// D3 Projection
+			var projection = d3.geoAlbersUsa(); // scale things down so see entire US
+			this.projection = projection;
+			
+			// D3 US States map
+			fetch('https://s3-us-west-2.amazonaws.com/s.cdpn.io/39255/us-states.json')
+				.then( response => response.json() )
+				.then( (states) => {
+
+				// Define path generator
+				var path = d3.geoPath() // path generator that will convert GeoJSON to SVG paths
+				.projection(projection); // tell path generator to use albersUsa projection
+
+				// Bind the data to the SVG and create one path per GeoJSON feature
+				var svg = d3.select(".map");
+
+				svg.selectAll("path")
+					.data(states.features)
+					.enter()
+					.append("path")
+					.attr("d", path);
+
+				// svg.append("path")
+				// 	.attr("class", "state-borders")
+				// 	.attr("d", path(topojson.mesh(states, states.objects.states, function(a, b) { return a !== b; })));
+			});
+
+// 			fetch('https://d3js.org/us-10m.v1.json')
+// 				.then( response => response.json() )
+// 				.then( (us) => {
+
+// 				var path = d3.geoPath().projection(projection);
+
+// 				var svg = d3.select(".map"),
+// 						width = +svg.attr("width"),
+// 						height = +svg.attr("height");
+// ;
+
+// 				svg.append("g")
+// 						.attr("fill", "#000")
+// 					.selectAll("path")
+// 					.data(topojson.feature(us, us.objects.states).features)
+// 					.enter().append("path")
+// 						.attr("d", path)
+// 					.append("title")
+// 						.text(function(d) { return d.id; });
+
+// 				svg.append("path")
+// 						.attr("stroke", "#fff")
+// 						.attr("stroke-width", 0.5)
+// 						.attr("d", path(topojson.mesh(us, us.objects.states, function(a, b) { return a !== b; })));
+// 			});
+
+
+			// // var v = this;
+			// var svg = d3.select('.map');
+			// var width = svg.attr('width');
+			// var height = svg.attr('height');
+
+			// var projection = d3.geoAlbersUsa().scale([1500]);
+			// var path = d3.geoPath().projection(projection);
+
+			// d3.json("static/us.json", function(error, us) {
+			// 	var g = svg.append('g');
+			// 		g
+			// 			.selectAll('.state')
+			// 			.data(topojson.feature(us, us.objects.usStates).features)
+			// 			.enter()
+			// 			.append("path")
+			// 			.attr("class", "state")
+			// 			.attr("d", path)
+			// 			// .on('mouseover', function(d) {
+			// 			// 	v.$emit('stateSelected', d.properties.STATE_ABBR)
+			// 			// })
+			// 			// .on('mouseout', function(d) {
+			// 			// 	v.$emit('stateDeselected', d.properties.STATE_ABBR)
+			// 			// })
+			// 	g.attr('transform', 'scale(0.57)')
+			// });
+
+
+
+			// var svg = d3.select("svg");
+
+			// var path = d3.geoPath();
+
+			// d3.json("https://d3js.org/us-10m.v1.json", function(error, us) {
+			// 	if (error) throw error;
+
+			// 	svg.append("g")
+			// 			.attr("fill", "#000")
+			// 		.selectAll("path")
+			// 		.data(topojson.feature(us, us.objects.states).features)
+			// 		.enter().append("path")
+			// 			.attr("d", path)
+			// 		.append("title")
+			// 			.text(function(d) { return d.id; });
+
+			// 	svg.append("path")
+			// 			.attr("stroke", "#fff")
+			// 			.attr("stroke-width", 0.5)
+			// 			.attr("d", path(topojson.mesh(us, us.objects.states, function(a, b) { return a !== b; })));
+			// });
+
+			// var width = 960,
+			// height = 500;
+		
+			// var svg = d3.select('.map').append('svg')
+			// 	.attr('width', width)
+			// 	.attr('height', height);
+			
+			// var projection = d3.geoAlbersUsa()
+			// 	.scale(100)
+			// 	.translate([width / 2, height / 2]);
+			
+			// var path = d3.geoPath()
+			// 	.projection(projection);
+			
+			// d3.json('https://d3js.org/us-10m.v1.json', function(error, us) {
+			// 	svg.selectAll('.states')
+			// 		.data(topojson.feature(us, us.objects.usStates).features)
+			// 		.enter()
+			// 		.append('path')
+			// 		.attr('class', 'states')
+			// 		.attr('d', path)
+			// 		.on('mouseover', function(d){
+			// 			var name = d.properties.STATE_ABBR;
+			// 			return document.getElementById('name').innerHTML=name;
+			// 		});
+			// });
+
+
+			// var svg = d3.select(".map");
+
+			// var path = d3.geoPath();
+
+			// d3.json("https://d3js.org/us-10m.v1.json", function(error, us) {
+			// 	if (error) throw error;
+
+			// 	svg.append("g")
+			// 		.attr("class", "states")
+			// 		.selectAll("path")
+			// 		.data(topojson.feature(us, us.objects.states).features)
+			// 		.enter().append("path")
+			// 		.attr("d", path);
+
+			// 	svg.append("path")
+			// 		.attr("class", "state-borders")
+			// 		.attr("d", path(topojson.mesh(us, us.objects.states, function(a, b) { return a !== b; })));
+			// });
+
+
+			// var width = 960, height = 500;
+
+			// var svg = d3.select('.map').append('svg')
+			// 	.attr('width', width)
+			// 	.attr('height', height);
+			
+			// var projection = d3.geoAlbersUsa()
+			// 	.scale(1000)
+			// 	.translate([width / 2, height / 2]);
+			
+			// var path = d3.geoPath()
+			// 	.projection(projection);
+			
+			// d3.json('/static/us.json', function(error, us) {
+			// 	svg.selectAll('.states')
+			// 		.data(topojson.feature(us, us.objects.usStates).features)
+			// 		.enter()
+			// 		.append('path')
+			// 		.attr('class', 'states')
+			// 		.attr('d', path)
+			// 		.on('mouseover', function(d){
+			// 			var name = d.properties.STATE_ABBR;
+			// 			return document.getElementById('name').innerHTML=name;
+			// 		});
+			// });
+		}
+	}
+}
+</script>
+
+<style scoped>
+h1 {
+  font-family:arial;
+  font-size:2em;
+  color:#333;
+}
+#info {
+  position:absolute;
+  top: 10px;
+  left: 10px;
+}
+.states {
+	fill: #e5e5e5;
+	stroke: #fff;
+	stroke-width:2px;
+}
+.states :hover {
+  fill: steelblue;
+}
+.state-borders {
+  fill: none;
+  stroke: #fff;
+  stroke-width: 0.5px;
+  stroke-linejoin: round;
+  stroke-linecap: round;
+  pointer-events: none;
+}
+
+path {
+  fill: #ccc;
+  stroke: #fff;
+  stroke-width: .5px;
+}
+
+path:hover {
+  fill: red;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Fans.vue b/src/components/Fans.vue
index 2d64ae7..ad843dc 100644
--- a/src/components/Fans.vue
+++ b/src/components/Fans.vue
@@ -1,7 +1,29 @@
 <template>
   <div class="fansboard">
     <h1>{{msg}}</h1>
-    <!-- <svg width="900" height="600"></svg> -->
+    <div class="fancount">
+      <p>Total number of fans: {{totalFans}}</p>
+    </div>
+    <div class="geo">
+      <p>(Show Map Here)</p>
+      <FanLocation/>
+    </div>
+    <div class="row">
+      <div class="column" style="float: left;">
+        <div class="agecount">
+          <h3>Age Groups:</h3>
+          <ul v-for="(a, idx) in ageGroups" :key="idx">
+            <p>{{a.group}}: {{a.number}}</p>
+          </ul>
+        </div>
+      </div>
+      <div class="column" style="float: right;">
+        <div class="passion">
+          <h3>Popular Interests:</h3>
+          <InterestChart :interests="orderedVals"/>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -10,96 +32,117 @@
 <script src="https://d3js.org/topojson.v2.min.js"></script>
 <script src="https://d3js.org/d3-queue.v3.min.js"></script>
 <script>
-var svg = d3.select("svg"),
-    width = +svg.attr("width"),
-    height = +svg.attr("height");
+import { auth, db } from '../main'
+import InterestChart from "./InterestChart";
+import FanLocation from "./FanLocation";
+import _ from 'lodash';
 
-var parseDate = d3.timeParse("%x");
-
-var color = d3.scaleTime()
-    .domain([new Date(1962, 0, 1), new Date(2006, 0, 1)])
-    .range(["black", "steelblue"])
-    .interpolate(d3.interpolateLab);
-
-var hexbin = d3.hexbin()
-    .extent([[0, 0], [width, height]])
-    .radius(10);
-
-var radius = d3.scaleSqrt()
-    .domain([0, 12])
-    .range([0, 10]);
-
-// Per https://github.com/topojson/us-atlas
-var projection = d3.geoAlbersUsa()
-    .scale(1280)
-    .translate([480, 300]);
-
-var path = d3.geoPath();
-
-d3.queue()
-    .defer(d3.json, "https://d3js.org/us-10m.v1.json")
-    .defer(d3.tsv, "walmart.tsv", typeWalmart)
-    .await(ready);
-
-function ready(error, us, walmarts) {
-  if (error) throw error;
-
-  svg.append("path")
-      .datum(topojson.feature(us, us.objects.nation))
-      .attr("class", "nation")
-      .attr("d", path);
-
-  svg.append("path")
-      .datum(topojson.mesh(us, us.objects.states, function(a, b) { return a !== b; }))
-      .attr("class", "states")
-      .attr("d", path);
-
-  svg.append("g")
-      .attr("class", "hexagon")
-    .selectAll("path")
-    .data(hexbin(walmarts).sort(function(a, b) { return b.length - a.length; }))
-    .enter().append("path")
-      .attr("d", function(d) { return hexbin.hexagon(radius(d.length)); })
-      .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
-      .attr("fill", function(d) { return color(d3.median(d, function(d) { return +d.date; })); });
-}
-
-function typeWalmart(d) {
-  var p = projection(d);
-  d[0] = p[0], d[1] = p[1];
-  d.date = parseDate(d.date);
-  return d;
-}
-// </script>
-// <script>
 export default {
   name: 'Fans',
+  components: {
+    InterestChart,
+    FanLocation
+  },
   data () {
     return {
       msg: 'Fans Data',
-      totalFollowers: 0
-
+      userId: '',
+      fans: [],
+      totalFans: 6500,
+      allFollowers: [],
+      ageGroups: [
+        {group: "0-18", number: 3000},
+        {group: "25-34", number: 2500},
+        {group: "34-100", number: 1000}
+      ], //TODO: Male/Female
+      interestsVals: [
+        {name: "art", value: 60}, {name: "beauty", value: 67}, {name: "cycling", value: 655},
+        {name: "dancing", value: 456}, {name: "edm", value: 875}, {name: "excercise", value: 40},
+        {name: "fashion", value: 3}, {name: "fitness", value: 850}, {name: "food", value: 789},
+        {name: "games", value: 600}, {name: "gardening", value: 15}, {name: "golf", value: 1000},
+        {name: "health", value: 900}, {name: "hunting", value: 965}, {name: "kayaking", value: 85},
+        {name: "love", value: 600}, {name: "music", value: 1500}, {name: "painting", value: 56}, 
+        {name: "photos", value: 452}, {name: "reading",value: 245}, {name: "running", value: 456}, 
+        {name: "skiing", value: 76}, {name: "sports", value: 1200}, {name: "swimming", value: 865}, 
+        {name: "travel", value: 764}, {name: "volunteer", value: 235}
+      ],
+      users: []
+    }
+  },
+  firestore () {
+    // this.userId = auth.currentUser.uid
+    return {
+      allFollowers: db.collection("follows"),
+      users: db.collection("users")
+    }
+  },
+  computed: {
+    // Gets total number of fans user has
+    getTotalFans() {
+      let total = 0;
+      for (let index = 0; index < this.allFollowers.length; index++) {
+        if(this.allFollowers[index].where("followed_id", "==", this.userId))
+          total++;
+          // Check if fan is in list
+          if(!fans.includes(this.allFollowers[index]))
+            this.fans.push(this.allFollowers[index]);
+      }
+      this.totalFans = total;
+      return total;
+    },
+    // Order interests in desc order
+    orderedVals() {
+      return _.orderBy(this.interestsVals, 'value').slice().reverse();
     }
   },
   methods: {
-
+    // Calculates age groups of fans
+    calculateAgeGroups() {
+      for (let index = 0; index < this.fans.length; index++) {
+        var dateString = getUserBirth(this.fans[index]);
+
+        var today = new Date();
+        var birthDate = new Date(dateString);
+        var age = today.getFullYear() - birthDate.getFullYear();
+        var m = today.getMonth() - birthDate.getMonth();
+        if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate()))
+          age--;
+        
+        if(age < 19)
+          this.ageGroups[0].number++
+        else if(age > 33)
+          this.ageGroups[2].number++
+        else
+          this.ageGroups[1].number++
+      }
+    },
+    // Gets user birth date from users list
+    getUserBirth(fan) {
+      for (let index = 0; index < this.users.length; index++) {
+        if(this.users.uid == fan.follower_id)
+          return this.users.birth_date;
+      }
+    },
+    // Adding to interestVal list
+    countInterests() {
+      for (let index = 0; index < this.fans.length; index++) {
+        const arr = this.fans[index].interests;
+        for (let index = 0; index < arr.length; index++) {
+          if (arr[index] == true)
+            this.interestsVals[index].value++;          
+        }
+      }
+    },
+    // Gets top 10 interests of fans
+    getInterests(arr) {
+      return arr.slice(0, 10);
+    }
   }
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-.nation {
-  fill: #ddd;
-}
-.states {
-  fill: none;
-  stroke: #fff;
-  stroke-linejoin: round;
-}
-.hexagon {
-  stroke: rgb(250, 49, 65);
-}
 h1, h2 {
   font-weight: normal;
 }
@@ -114,4 +157,17 @@ li {
 a {
   color: #42b983;
 }
+
+/* Create two equal columns that floats next to each other */
+.column {
+    width: 50%;
+    padding: 10px;
+}
+
+/* Clear floats after the columns */
+.row:after {
+    content: "";
+    display: table;
+    clear: both;
+}
 </style>
diff --git a/src/components/InterestChart.vue b/src/components/InterestChart.vue
new file mode 100644
index 0000000..6875d41
--- /dev/null
+++ b/src/components/InterestChart.vue
@@ -0,0 +1,167 @@
+<template>
+	<svg class="chart"></svg>
+	<!-- <div>
+		<div v-for="item in interests">
+			<p>{{item.name}}: {{item.value}}</p>
+		</div>
+	</div> -->
+</template>
+
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+<script>
+import * as d3 from "d3";
+
+// const d3 = require("d3");
+
+export default {
+	name: 'InterestChart',
+  props: {
+    interests: [],
+  },
+  data() {
+    return {
+			
+    }
+	},
+	mounted() {
+		this.renderChart();
+			// var width = 420, barHeight = 20;
+
+			// var x = d3.scale.linear()
+			// 	.domain([0, d3.max(nums)])
+			// 	.range([0, width]);
+
+			// var chart = d3.select('.chart');
+
+			// chart.attr('width',width)
+			// 	.attr('height',barHeight * data.length)
+			// 	.style('color', 'red');
+
+			// var bar = chart.selectAll('g')
+
+			// bar.data(nums)
+			// 	.enter().append('g')
+			// 		.attr('transform', function(d, i) { return 'translate(0,' + i * barHeight + ')'; });
+		
+			// bar.append('rect')
+			// 	.attr('width', x)
+			// 	.attr('height', barHeight - 1);
+
+			// bar.append('text')
+			// 	.attr('x', function(d) { return x(d) - 3; })
+			// 	.attr('y', barHeight / 2)
+			// 	.attr('dy', '.35em')
+			// 	.text(function(d) { return d; });
+	},
+  methods: {
+    renderChart() {
+			var nums = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+			var arr = this.interests.slice(0, 10);
+			for (let index = 1; index < 10; index++)
+				nums[index] = arr[index].value;
+
+			// var nums = [4, 8, 15, 16, 23, 42];
+			var width = 500,
+					barHeight = 20;
+					
+			var x = d3.scaleLinear()
+				.domain([0, d3.max(nums)])
+				.range([0, width]);
+
+			// d3.select(".chart")
+      //   .append("text")
+      //   .attr("x", 250)
+      //   .attr("y", 20)
+			// 	.style("text-anchor", "center")
+			// 	.style("color", "white")
+      //   .text("Popular Interests:")
+
+			var chart = d3.select(".chart")
+				.attr("width", width)
+				.attr("height", barHeight * nums.length);
+
+			var bar = chart.selectAll("g")
+				.data(nums)
+				.enter().append("g")
+				.attr("transform", function(d, i) { return "translate(0," + i * barHeight + ")"; });
+
+			bar.append("rect")
+				.attr("width", x)
+				.attr("height", barHeight - 1)
+				.style("fill", "rgb(250, 49, 65)");
+
+			bar.append("text")
+				.attr("x", function(d) { return  x(d) - 115; })
+				.attr("y", barHeight / 2)
+				.attr("dy", ".35em")
+				.attr("dx","0.5em")
+				.text(function(d) { return "Category: " + d; })
+		}
+		// 	const svg = 
+		// 	d3.select('#chart').append('svg')
+				// .attr('width',500)
+				// .attr('height',400);
+
+		// 	svg.append('rect')
+		// 		.attr('x',0)
+		// 		.attr('y',0)
+		// 		.attr('width',500)
+		// 		.attr('height',400)
+		// 		.style('fill','red')
+		// }
+
+			// var nums = [4, 8, 15, 16, 23, 42];
+
+			// var width = 420,
+			// 		barHeight = 20;
+
+			// var x = d3.scale.linear()
+			// 		.domain([0, d3.max(nums)])
+			// 		.range([0, width]);
+
+			// var chart = d3.select("chart")
+			// 		.attr("width", width)
+			// 		.attr("height", barHeight * nums.length)
+			// 		.style('fill','red');
+
+			// var bar = chart.selectAll("g")
+			// 		.data(nums)
+			// 	.enter().append("g")
+			// 		.attr("transform", function(d, i) { return "translate(0," + i * barHeight + ")"; });
+
+			// bar.append("rect")
+			// 		.attr("width", x)
+			// 		.attr("height", barHeight - 1);
+
+			// bar.append("text")
+			// 		.attr("x", function(d) { return x(d) - 3; })
+			// 		.attr("y", barHeight / 2)
+			// 		.attr("dy", ".35em")
+			// 		.text(function(d) { return d; });
+			// 		}
+	},
+	getTopVals(arr) {
+
+	}
+}
+</script>
+
+<style scoped>
+/* .chart div {
+  font: 10px sans-serif;
+  background-color: steelblue;
+  text-align: right;
+  padding: 3px;
+  margin: 1px;
+  color: white;
+} */
+
+/* .chart rect {
+  fill: rgb(203, 16, 16);
+}
+.chart text {
+  fill: white;
+  font: 10px sans-serif;
+  text-anchor: end;
+} */
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 869673a..6086e30 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,14 +6,23 @@ import router from './router'
 import VueFire from 'vuefire'
 import firebase from 'firebase/app'
 import 'firebase/firestore'
+import 'firebase/auth'
 
-// Vue.use(VueFire)
-// firebase.initializeApp({
-//   projectId: 'YOUR_PROJECT_ID',
-//   databaseURL: 'YOUR_DB_URL'
-// })
+const config = {
+  apiKey: 'AIzaSyBRVc0vhcUqTCYMvlvABo8N7ER4j5p6_gg',
+  authDomain: 'fanmire-d42b5.firebaseapp.com',
+  databaseURL: 'https://fanmire-d42b5.firebaseio.com',
+  projectId: 'fanmire-d42b5',
+  storageBucket: 'fanmire-d42b5.appspot.com',
+  messagingSenderId: '884344886654'
+};
 
-// export const db = firebase.firestore()
+Vue.use(VueFire)
+
+firebase.initializeApp(config);
+
+export const db = firebase.firestore()
+export const auth = firebase.auth()
 
 Vue.config.productionTip = false
 
@@ -21,6 +30,16 @@ Vue.config.productionTip = false
 new Vue({
   el: '#app',
   router,
+  render: h => h(App),
+  // Initialize the app only when we are sure Firebase Auth object is ready to use
+  beforeCreate: function() {
+    firebase.auth().onAuthStateChanged(function(user) {
+      console.log('auth change', user)
+      if (user) {
+        store.dispatch(SET_USER, {user})
+      }
+    }.bind(this))
+  },
   components: { App },
   template: '<App/>'
 })
diff --git a/static/data/population.csv b/static/data/population.csv
new file mode 100644
index 0000000..78988be
--- /dev/null
+++ b/static/data/population.csv
@@ -0,0 +1,57 @@
+state_or_territory,population_estimate_for_july_1_2013_number,census_population_april_1_2010_number,census_population_april_1_2000_number
+California,38332521,37253956,33871648
+Texas,26448193,25145561,20851820
+New York,19651127,19378102,18976457
+Florida,19552860,18801310,15982378
+Illinois,12882135,12830632,12419293
+Pennsylvania,12773801,12702379,12281054
+Ohio,11570808,11536504,11353140
+Georgia,9992167,9687653,8186453
+Michigan,9895622,9883640,9938444
+North Carolina,9848060,9535483,8049313
+New Jersey,8899339,8791894,8414350
+Virginia,8260405,8001024,7078515
+Washington,6971406,6724540,5894121
+Massachusetts,6692824,6547629,6349097
+Arizona,6626624,6392017,5130632
+Indiana,6570902,6483802,6080485
+Tennessee,6495978,6346105,5689283
+Missouri,6044171,5988927,5595211
+Maryland,5928814,5773552,5296486
+Wisconsin,5742713,5686986,5363675
+Minnesota,5420380,5303925,4919479
+Colorado,5268367,5029196,4301261
+Alabama,4833722,4779736,4447100
+South Carolina,4774839,4625364,4012012
+Louisiana,4625470,4533372,4468976
+Kentucky,4395295,4339367,4041769
+Oregon,3930065,3831074,3421399
+Oklahoma,3850568,3751351,3450654
+Puerto Rico,3615086,3725789,3808610
+Connecticut,3596080,3574097,3405565
+Iowa,3090416,3046355,2926324
+Mississippi,2991207,2967297,2844658
+Arkansas,2959373,2915918,2673400
+Utah,2900872,2763885,2233169
+Kansas,2893957,2853118,2688418
+Nevada,2790136,2700551,1998257
+New Mexico,2085287,2059179,1819046
+Nebraska,1868516,1826341,1711263
+West Virginia,1854304,1852994,1808344
+Idaho,1612136,1567582,1293953
+Hawaii,1404054,1360301,1211537
+Maine,1328302,1328361,1274923
+New Hampshire,1323459,1316470,1235786
+Rhode Island,1051511,1052567,1048319
+Montana,1015165,989415,902195
+Delaware,925749,897934,783600
+South Dakota,844877,814180,754844
+Alaska,735132,710231,626932
+North Dakota,723393,672591,642200
+District of Columbia,646449,601723,572059
+Vermont,626630,625741,608827
+Wyoming,582658,563626,493782
+Guam,,159358; 1,154805
+U.S. Virgin Islands,,106405; 2,108612
+American Samoa,,55519; 3,57291
+Northern Mariana Islands,,53883; 4,69221
\ No newline at end of file
diff --git a/static/data/us.json b/static/data/us.json
new file mode 100644
index 0000000..698891c
--- /dev/null
+++ b/static/data/us.json
@@ -0,0 +1 @@
+{"type":"Topology","transform":{"scale":[0.010489463952493496,0.005238365464986435],"translate":[-171.85342131974025,18.921329380610146]},"objects":{"usStates":{"type":"GeometryCollection","geometries":[{"type":"MultiPolygon","arcs":[[[0]],[[1]]],"properties":{"STATE_ABBR":"HI"}},{"type":"Polygon","arcs":[[2,3,4]],"properties":{"STATE_ABBR":"WA"}},{"type":"Polygon","arcs":[[5,6,7,8,9]],"properties":{"STATE_ABBR":"MT"}},{"type":"Polygon","arcs":[[10,11]],"properties":{"STATE_ABBR":"ME"}},{"type":"Polygon","arcs":[[-10,12,13,14]],"properties":{"STATE_ABBR":"ND"}},{"type":"Polygon","arcs":[[-6,-15,15,16,17,18]],"properties":{"STATE_ABBR":"SD"}},{"type":"Polygon","arcs":[[19,20,-7,-19,21,22]],"properties":{"STATE_ABBR":"WY"}},{"type":"MultiPolygon","arcs":[[[23,24,25,26,27,28]],[[29]]],"properties":{"STATE_ABBR":"WI"}},{"type":"Polygon","arcs":[[-5,30,-8,-21,31,32,33]],"properties":{"STATE_ABBR":"ID"}},{"type":"Polygon","arcs":[[34,35,36,37]],"properties":{"STATE_ABBR":"VT"}},{"type":"Polygon","arcs":[[-16,-14,38,-25,39]],"properties":{"STATE_ABBR":"MN"}},{"type":"Polygon","arcs":[[-34,40,41,42,-3]],"properties":{"STATE_ABBR":"OR"}},{"type":"Polygon","arcs":[[-37,43,-12,44,45]],"properties":{"STATE_ABBR":"NH"}},{"type":"Polygon","arcs":[[46,47,-17,-40,-24,48]],"properties":{"STATE_ABBR":"IA"}},{"type":"Polygon","arcs":[[49,-38,-46,50,51,52]],"properties":{"STATE_ABBR":"MA"}},{"type":"Polygon","arcs":[[53,-22,-18,-48,54,55]],"properties":{"STATE_ABBR":"NE"}},{"type":"Polygon","arcs":[[-50,56,57,58,59,60,-35]],"properties":{"STATE_ABBR":"NY"}},{"type":"Polygon","arcs":[[61,62,63,-60,64,65,66]],"properties":{"STATE_ABBR":"PA"}},{"type":"Polygon","arcs":[[-53,67,68,-57]],"properties":{"STATE_ABBR":"CT"}},{"type":"Polygon","arcs":[[-52,69,-68]],"properties":{"STATE_ABBR":"RI"}},{"type":"Polygon","arcs":[[-65,-59,70,71]],"properties":{"STATE_ABBR":"NJ"}},{"type":"Polygon","arcs":[[72,73,74,75,76]],"properties":{"STATE_ABBR":"IN"}},{"type":"Polygon","arcs":[[-33,77,78,79,-41]],"properties":{"STATE_ABBR":"NV"}},{"type":"Polygon","arcs":[[-32,-20,80,81,-78]],"properties":{"STATE_ABBR":"UT"}},{"type":"Polygon","arcs":[[-80,82,83,-42]],"properties":{"STATE_ABBR":"CA"}},{"type":"Polygon","arcs":[[84,85,-63,86,87,-76]],"properties":{"STATE_ABBR":"OH"}},{"type":"Polygon","arcs":[[88,-49,-29,89,-73,90]],"properties":{"STATE_ABBR":"IL"}},{"properties":{"STATE_ABBR":"DC"}},{"type":"Polygon","arcs":[[-66,-72,91,92]],"properties":{"STATE_ABBR":"DE"}},{"type":"Polygon","arcs":[[93,-87,-62,94,95]],"properties":{"STATE_ABBR":"WV"}},{"type":"Polygon","arcs":[[96,97,-95,-67,-93]],"properties":{"STATE_ABBR":"MD"}},{"type":"Polygon","arcs":[[98,-81,-23,-54,99,100]],"properties":{"STATE_ABBR":"CO"}},{"type":"Polygon","arcs":[[101,-91,-77,-88,-94,102,103]],"properties":{"STATE_ABBR":"KY"}},{"type":"Polygon","arcs":[[-56,104,105,-100]],"properties":{"STATE_ABBR":"KS"}},{"type":"Polygon","arcs":[[-103,-96,-98,106,107,108]],"properties":{"STATE_ABBR":"VA"}},{"type":"Polygon","arcs":[[109,110,111,-105,-55,-47,-89,-102]],"properties":{"STATE_ABBR":"MO"}},{"type":"Polygon","arcs":[[-79,-82,112,113,-83]],"properties":{"STATE_ABBR":"AZ"}},{"type":"Polygon","arcs":[[114,115,-101,-106,-112,116]],"properties":{"STATE_ABBR":"OK"}},{"type":"Polygon","arcs":[[117,-108,118,119,120]],"properties":{"STATE_ABBR":"NC"}},{"type":"Polygon","arcs":[[121,122,123,124,-110,-104,-109,-118]],"properties":{"STATE_ABBR":"TN"}},{"type":"Polygon","arcs":[[-115,125,126,127,128]],"properties":{"STATE_ABBR":"TX"}},{"type":"Polygon","arcs":[[-99,-116,-129,129,-113]],"properties":{"STATE_ABBR":"NM"}},{"type":"Polygon","arcs":[[130,131,132,-123,133]],"properties":{"STATE_ABBR":"AL"}},{"type":"Polygon","arcs":[[134,135,136,-124,-133]],"properties":{"STATE_ABBR":"MS"}},{"type":"Polygon","arcs":[[-122,-121,137,138,139,-134]],"properties":{"STATE_ABBR":"GA"}},{"type":"Polygon","arcs":[[-120,140,-138]],"properties":{"STATE_ABBR":"SC"}},{"type":"Polygon","arcs":[[-111,-125,-137,141,-126,-117]],"properties":{"STATE_ABBR":"AR"}},{"type":"Polygon","arcs":[[-142,-136,142,-127]],"properties":{"STATE_ABBR":"LA"}},{"type":"Polygon","arcs":[[-140,143,-131]],"properties":{"STATE_ABBR":"FL"}},{"type":"MultiPolygon","arcs":[[[144]],[[145,-27]],[[-75,146,-85]]],"properties":{"STATE_ABBR":"MI"}},{"type":"MultiPolygon","arcs":[[[147]],[[148]],[[149]],[[150]],[[151]],[[152]],[[153]],[[154]],[[155]],[[156]],[[157]],[[158]],[[159]],[[160]],[[161]]],"properties":{"STATE_ABBR":"AK"}}]}},"arcs":[[[1352,454],[-41,-2],[-16,57],[27,21],[30,-76]],[[1543,0],[-18,17],[-18,147],[18,94],[63,-53],[39,-87],[-70,-80],[-14,-38]],[[5237,5168],[-197,1],[-139,-59],[-70,-17],[-60,19],[-42,-29],[-49,19],[-13,82],[-39,13]],[[4628,5197],[-55,18],[-1,96],[-46,171],[-22,45],[-10,96],[69,-42],[110,-5],[24,-152],[25,2],[-7,82],[17,45],[-46,93],[20,27],[-26,69],[546,0]],[[5226,5742],[0,-491],[11,-83]],[[6464,5158],[-1,-180]],[[6463,4978],[-667,0],[0,-100]],[[5796,4878],[-25,48],[-24,-33],[-63,1],[-13,-21],[-61,-2],[-32,65],[-63,174],[-31,-44],[-22,58],[21,170],[-54,28],[-80,140],[-29,85],[-1,195]],[[5319,5742],[1144,0]],[[6463,5742],[1,-584]],[[9606,5036],[28,24],[52,90],[-5,32],[31,119],[71,146],[32,-52],[64,32],[42,-55],[-1,-264],[34,-17],[-4,-59],[30,-24],[19,-62],[-80,-53],[-20,-32],[-39,15],[-13,-39],[-38,33],[-11,-69],[-30,-9],[-38,-51],[-35,6],[-6,-40],[-57,-87]],[[9632,4620],[-14,47],[-12,369]],[[6463,5742],[651,0]],[[7114,5742],[13,-62],[-4,-97],[27,-108],[6,-186],[21,-132]],[[7177,5157],[-713,1]],[[7177,5157],[-26,-67],[37,-59],[-1,-339]],[[7187,4692],[0,-81],[-16,-57],[19,-55]],[[7190,4499],[-91,72],[-55,-18],[-51,42],[-530,2]],[[6463,4597],[0,381]],[[5987,4214],[-191,0],[1,191]],[[5797,4405],[-1,473]],[[6463,4597],[1,-382]],[[6464,4215],[-477,-1]],[[7743,4503],[-41,45],[-15,144]],[[7687,4692],[-15,85],[-57,80],[-79,73],[6,105],[-13,54],[20,64],[36,30],[0,112]],[[7585,5295],[35,4],[101,52],[13,-58],[31,-15]],[[7765,5278],[28,-44],[192,-80],[30,-45],[-8,-60],[18,-44]],[[8025,5005],[6,-58],[28,-8],[-19,-118],[-20,-54],[-14,-102],[7,-166]],[[8013,4499],[-270,4]],[[8086,5034],[-26,-94],[-9,21],[35,73]],[[5226,5742],[93,0]],[[5797,4405],[-285,0]],[[5512,4405],[-284,0]],[[5228,4405],[-2,344],[13,66],[-31,63],[37,85],[34,124],[-42,81]],[[9399,4548],[2,146],[-17,23],[11,120],[-4,143]],[[9391,4980],[176,1]],[[9567,4981],[-17,-113],[-36,-31],[2,-34],[-32,-97],[-8,-162]],[[9476,4544],[-77,4]],[[7114,5742],[198,0],[0,71],[31,-8],[25,-118],[69,-17],[6,-21],[79,22],[43,-36],[12,-42],[32,26],[45,-60],[67,41],[11,-32],[58,5],[13,-55],[-48,-22],[-170,-201]],[[7687,4692],[-500,0]],[[5228,4405],[-284,-1]],[[4944,4404],[-402,1]],[[4542,4405],[-14,19],[-4,101],[-15,40],[38,195],[19,274],[-2,174],[64,-11]],[[9567,4981],[39,55]],[[9632,4620],[0,-49]],[[9632,4571],[-45,-32],[-111,5]],[[7665,4095],[-28,45],[-238,-7],[-145,3]],[[7254,4136],[-16,167],[-48,196]],[[7743,4503],[45,-78],[-18,-98],[-67,-35],[9,-87],[-47,-110]],[[9378,4415],[21,133]],[[9632,4571],[8,-39],[-29,-72],[25,-7],[23,-84],[-55,-60],[-8,35],[-3,6]],[[9593,4350],[-14,58],[-40,-1]],[[9539,4407],[-161,8]],[[6655,4024],[0,190],[-191,1]],[[7254,4136],[43,-112]],[[7297,4024],[-642,0]],[[9378,4415],[-4,-100],[5,-60],[-17,-41]],[[9362,4214],[-34,-56]],[[9328,4158],[11,56],[-77,68]],[[9262,4282],[-26,25],[-10,63],[-25,34],[-422,2],[0,51]],[[8779,4457],[87,100],[-20,91],[57,19],[85,-24],[63,7],[66,52],[9,72],[-23,32],[99,136],[57,35],[132,3]],[[8806,3970],[-99,1],[0,174]],[[8707,4145],[0,258]],[[8707,4403],[72,54]],[[9262,4282],[-42,-74],[-4,-78],[42,-72],[-65,-72]],[[9193,3986],[-35,-15]],[[9158,3971],[-352,-1]],[[9539,4407],[0,-78],[-7,-53]],[[9532,4276],[-99,-10],[-71,-52]],[[9593,4350],[-25,-60],[-36,-14]],[[9328,4158],[-26,-36],[29,-36],[-19,-116],[-67,-145],[-64,102],[6,42]],[[9187,3969],[6,17]],[[7991,3605],[4,82],[46,107],[-16,67],[13,39],[1,453]],[[8039,4353],[28,-19],[38,27]],[[8105,4361],[195,-1],[0,-12]],[[8300,4348],[-2,-496]],[[8298,3852],[-1,-59],[-60,-18],[3,-26],[-40,-54],[-20,-59],[-24,35],[-21,-40],[-33,9],[-25,-38],[-25,28],[-61,-25]],[[5512,4405],[-1,-737],[0,-217]],[[5511,3451],[1,-149],[-9,-34],[-56,13],[9,-212]],[[5456,3069],[-120,191],[-242,360],[-150,212],[0,572]],[[5987,4214],[0,-763]],[[5987,3451],[-476,0]],[[5456,3069],[23,-103],[24,-27],[-37,-67],[-1,-78],[-19,-28],[20,-73],[-19,-59]],[[5447,2634],[-230,-35],[-27,133],[-66,98],[-29,-2],[-13,57],[-37,1],[-64,72],[-81,5],[-18,25],[1,108],[-61,100],[-65,176],[18,45],[-39,34],[-31,100],[29,41],[-19,81],[-50,-25],[-7,51],[-69,120],[-11,172],[-49,81],[-4,35],[27,104],[4,91],[-14,103]],[[8300,4348],[125,5]],[[8425,4353],[89,-63],[77,18],[36,45],[80,50]],[[8707,4145],[-34,-193],[-56,-41],[-55,-75],[-27,-110],[-25,-5]],[[8510,3721],[-27,58],[-40,-23],[-89,41],[-21,57],[-35,-2]],[[7886,3449],[-36,55],[-1,80],[-80,103],[23,108],[-48,15],[-11,70],[-60,91],[-8,124]],[[8013,4499],[-3,-33],[29,-113]],[[7991,3605],[-5,-63],[-36,-14],[-1,-63],[-50,28],[-13,-44]],[[9187,3969],[-10,-47],[18,-75],[31,-52],[3,-67],[-2,0],[-2,0]],[[9225,3728],[-58,3],[-1,35],[-8,205]],[[8570,3553],[-32,26],[-34,91],[6,51]],[[8806,3970],[-1,-99],[70,73],[27,-12],[28,34],[43,-72]],[[8973,3894],[-9,-36],[-50,62],[-5,-55],[-44,-77],[-12,16],[-31,-83],[-31,34],[-58,-190],[-93,-68],[-59,9],[-11,47]],[[9225,3728],[-27,-83],[-26,-9],[-62,89],[9,63],[-33,-1],[15,-70],[-18,-32],[-61,32],[8,49]],[[9030,3766],[9,27],[-8,27],[-58,74]],[[6564,3451],[-577,0]],[[6655,4024],[1,-575]],[[6656,3449],[-92,2]],[[7859,3356],[20,15],[10,72],[-3,6]],[[8570,3553],[-73,-81],[-39,-70],[-52,-28]],[[8406,3374],[-270,11],[-128,-2],[-18,-28],[-131,1]],[[7297,4024],[40,-35],[-21,-49],[49,-80],[-2,-409]],[[7363,3451],[-707,-2]],[[9030,3766],[-19,-41],[102,-104],[-19,-121],[17,-56],[28,-7],[11,-71],[-3,0],[-9,1],[-3,0],[-1,0]],[[9134,3367],[-419,-2],[-117,8]],[[8598,3373],[-192,1]],[[7859,3356],[-6,-1],[-5,0],[-18,-95]],[[7830,3260],[-41,94],[-426,0]],[[7363,3354],[0,97]],[[5987,3451],[0,-870],[1,-209]],[[5988,2372],[-193,-2],[-358,220],[10,44]],[[7377,2808],[-73,64],[-66,-14],[-40,-36],[-61,46],[-9,-39],[-56,47],[-17,-25],[-23,53],[-34,-15],[-70,30],[-17,46],[-31,-14],[-30,35],[0,368],[-286,0]],[[6564,3354],[0,97]],[[7363,3354],[18,-208],[-3,-230],[-1,-108]],[[8345,3067],[3,43],[32,46],[92,61],[7,29],[85,39],[34,88]],[[9134,3367],[-16,-111],[44,-21],[-41,-100],[-43,18],[-4,-89],[-83,-98],[-47,-104],[-52,-6]],[[8892,2856],[-104,175],[-107,3],[-24,64],[-117,9],[-79,-37]],[[8461,3070],[-116,-3]],[[8345,3067],[-123,1]],[[8222,3068],[-246,2]],[[7976,3070],[-202,0]],[[7774,3070],[23,27],[-6,50],[39,113]],[[7377,2808],[42,-14],[-1,-102]],[[7418,2692],[1,-196],[50,-183],[-22,-94],[3,-58],[-5,-45]],[[7445,2116],[-29,-63],[-48,-19],[-16,41],[-27,-44],[12,-31],[-61,-114],[-67,-44],[-68,-87],[-59,-217],[30,-174],[-17,-42],[-21,34],[-52,6],[-87,69],[-33,117],[-9,111],[-31,36],[-40,92],[-36,152],[-76,136],[-82,17],[-33,-26],[-46,-146],[-85,67],[-46,67],[-34,170],[-48,54],[-109,178]],[[6227,2456],[-8,41],[340,0],[5,857]],[[6227,2456],[-159,0],[-1,-84],[-79,0]],[[8280,2306],[-248,0],[18,-99]],[[8050,2207],[-17,-39],[-30,27],[-47,-5]],[[7956,2190],[-5,199],[-2,87],[36,573],[-9,21]],[[8222,3068],[41,-405],[27,-115],[-22,-94],[12,-148]],[[7956,2190],[-46,1],[-66,-39]],[[7844,2152],[-26,92],[11,63],[-181,-1],[13,124],[49,109],[-17,151]],[[7693,2690],[1,145],[47,113],[33,122]],[[8461,3070],[-23,-62],[42,-38],[31,-99],[63,-97],[15,-49],[22,-29],[40,-179]],[[8651,2517],[20,-19],[-60,-167],[0,-78]],[[8611,2253],[-46,13],[-20,-43],[-252,28],[-13,55]],[[8892,2856],[-95,-165],[-30,-65],[-116,-109]],[[7693,2690],[-275,2]],[[7844,2152],[-63,36],[-15,-56],[57,3],[2,-94],[55,-50],[4,-56],[-77,79],[-27,-41],[-20,18],[-44,-32],[-67,112],[-65,-44],[-89,48],[-46,-6],[-4,47]],[[8611,2253],[20,-171],[51,-199],[4,-74],[32,-133],[34,-172],[-7,-157],[-28,-150],[-67,-11],[-13,128],[-44,23],[-36,190],[-19,-13],[-37,119],[27,82],[-36,51],[13,136],[-38,56],[-59,140],[-30,32],[-36,-2],[-48,-61],[-43,-9],[-8,42],[-101,110],[-92,-3]],[[7947,5584],[-62,-66],[-1,22],[63,44]],[[7765,5278],[58,49],[39,5],[72,71],[17,-81],[25,19],[50,-12],[28,-63],[70,-16],[47,48],[107,4],[1,-42],[67,2],[38,-100],[-74,14],[-4,-34],[-75,47],[-13,-25],[-58,-5],[-35,-62],[-13,39],[-34,-25],[-53,-106]],[[8105,4361],[53,125],[1,134],[-26,103],[2,75],[24,56],[19,105],[40,11],[53,79],[12,70],[23,8],[59,-53],[59,-27],[20,-125],[-7,-70],[-54,-80],[21,-61],[36,65],[36,25],[31,-54],[19,-156],[-9,-64],[-20,9],[-72,-183]],[[1003,7600],[-41,-35],[-3,80],[-25,58],[33,43],[-71,132],[-5,-36],[-82,-35],[-71,3],[-53,81],[-72,57],[56,59],[-73,47],[-26,41],[16,150],[59,80],[28,15],[-8,43],[27,57],[43,24],[76,-45],[27,7],[75,82],[11,-12],[96,16],[35,44],[-17,95],[-27,29],[44,62],[-39,42],[-17,-28],[-71,-14],[-63,-72],[-75,43],[-76,3],[-64,-26],[-115,29],[-14,57],[-30,19],[7,71],[-79,10],[-58,31],[68,59],[140,64],[11,18],[100,44],[75,11],[17,-17],[-16,-59],[25,-26],[86,7],[9,-21],[79,3],[29,48],[42,-5],[25,27],[57,3],[-9,39],[-78,9],[-35,-22],[-37,37],[3,62],[-56,-12],[-121,23],[-28,83],[-128,94],[-89,49],[6,111],[181,11],[73,40],[42,46],[15,75],[97,101],[93,4],[124,90],[94,-2],[77,13],[101,85],[112,-22],[6,-66],[28,47],[65,-13],[39,-46],[27,22],[66,7],[75,-11],[-6,-43],[72,-16],[50,-36],[42,25],[122,4],[122,-32],[50,-28],[177,-8],[83,-38],[161,28],[65,-21],[31,-30],[84,-40],[37,1],[1,-1783],[52,1],[44,-23],[29,29],[58,2],[-11,-50],[152,-162],[12,-64],[84,49],[23,84],[83,38],[44,-45],[6,-55],[47,-29],[20,-51],[78,-76],[149,-317],[77,-77],[92,-53],[-8,-70],[18,-90],[-35,-71],[-54,-19],[3,171],[-30,51],[-70,-1],[-3,74],[-87,126],[-64,31],[12,32],[-25,84],[-46,79],[-56,35],[-18,83],[-20,-35],[7,-77],[-72,46],[-24,74],[-12,-21],[18,-70],[-62,-16],[-90,57],[-32,59],[-179,120],[35,33],[-14,34],[-75,-36],[-221,79],[-111,-23],[-77,55],[-12,60],[-38,-43],[-69,19],[9,44],[-74,23],[-7,30],[-111,-27],[-32,-40],[25,-31],[-68,-103],[-62,18],[-84,-93],[-147,-70],[-24,21],[24,143],[28,35],[15,64],[-13,36],[92,57],[37,-23],[-1,47],[-50,25],[-110,-70],[-84,-133],[-8,-57],[-49,-53],[-22,28],[-28,-68],[-38,-11],[10,-57],[58,-18],[-17,-67],[-47,-29],[-22,-77],[-67,-11],[-26,-55],[-28,11],[-13,-46],[-28,5],[-49,-50],[4,-51],[-26,0],[-67,-82],[-29,12],[-9,-41],[-52,-4],[-2,-86],[-133,-27],[-79,-75],[-55,-21],[-43,11],[-50,-73],[-36,26],[-13,-41],[-43,37],[65,58],[69,85],[56,23],[60,-15],[19,65],[50,51],[109,84],[39,66],[58,46],[12,158],[46,71],[-4,21],[-104,-51],[-50,51],[2,-73],[-33,-13],[-36,68],[-46,-2],[-39,55],[-96,-62]],[[547,7920],[41,-22],[7,-75],[-47,-27],[-98,45],[61,73],[36,6]],[[732,6812],[-20,-31],[-45,-4],[-9,31],[44,63],[91,25],[16,-56],[-22,-27],[-55,-1]],[[387,6600],[-47,-49],[-6,45],[53,4]],[[73,8497],[-35,-23],[-38,38],[21,35],[68,-23],[59,23],[20,-40],[87,-36],[-46,-67],[-14,34],[-100,64],[-22,-5]],[[2455,7917],[-48,-30],[2,47],[46,-17]],[[1884,7529],[1,-39],[-66,-16],[11,77],[54,-22]],[[3613,7326],[-39,-42],[-52,215],[70,-9],[27,-69],[-6,-95]],[[3429,7458],[92,-45],[10,-52],[-72,21],[-26,-39],[-37,76],[-4,61],[45,33],[82,-46],[1,-44],[-29,-5],[-62,40]],[[1760,7299],[-29,-56],[-43,-23],[-2,41],[-35,6],[-19,83],[104,89],[41,-20],[-6,42],[90,-37],[-1,-74],[-47,-30],[-31,16],[-22,-37]],[[3546,7109],[-68,128],[-4,61],[-25,37],[34,36],[46,-55],[21,-100],[-4,-107]],[[3699,7265],[11,-67],[-22,-33],[-46,-2],[-21,123],[78,-21]],[[3612,7094],[-30,52],[14,25],[-25,45],[12,41],[52,-32],[-19,-51],[-4,-80]],[[3754,6982],[22,-58],[26,6],[-3,-102],[-76,111],[-40,2],[-15,84],[11,82],[73,-64],[2,-61]],[[3837,6948],[-21,26],[11,53],[45,42],[29,-59],[-20,-85],[-44,23]]]}
\ No newline at end of file