making some progress on the infographic

VueApp/src/components/ElevationGraph.vue

@@ -1,20 +1,40 @@
 <template>
-
+  <GChart
+    type="ColumnChart"
+    :data="chartData"
+    :options="chartOptions"
+  />
 </template>
 
 <script>
+    import { GChart } from 'vue-google-charts'
+
     export default {
         name: "ElevationGraph",
+        components: { GChart },
         data () {
           return {
             elevationService: null,
-            graphService: null
+            chartData: [],
+            chartOptions: {
+              chart: {
+                title: 'Elevation Report'
+              }
+            }
           }
         },
         methods: {
           getPathElevation (path) {
+            this.chartData = []
             this.elevationService = new google.maps.ElevationService() // eslint-disable-line no-undef
-
+            this.elevationService.getElevationAlongPath({
+              'path': path,
+              'samples': 256
+            }, function (elevations, status) {
+               if (status === 'OK') {
+                  elevations.forEach(e => this.chartData.push(['', e.elevation]))
+               }
+            })
           }
         }
     }