diff --git a/freezing/web/templates/explore/team_weekly_points.html b/freezing/web/templates/explore/team_weekly_points.html
index 6b01dab..e7a6c18 100644
--- a/freezing/web/templates/explore/team_weekly_points.html
+++ b/freezing/web/templates/explore/team_weekly_points.html
@@ -1,54 +1,56 @@
 {% extends "base.html" %}
-{% block head %}
+{% block foot %}
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.css"
+          integrity="sha384-ztqQYuF0ztQOO26+6hbRTtSQ6HGLosUJRQI9kx0L9OpJiESTtsiriiQNqwBIBl9a"
+          crossorigin="anonymous">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.8.0/d3.min.js"
+            integrity="sha384-Nth41CoN2s0hj2li43h7cs5a1J0zroMLa7ugSGFSdWJMF1OuKrJwZaritPHBnk3E"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.min.js"
+            integrity="sha384-xOzJ6ocROuPNeY/PUgXyXgiPyvvePCiWVkKXro4Lb1gWoGJOtrJw+zrpf3NBx1B5"
+            crossorigin="anonymous"></script>
     <script type="text/javascript">
-	  // Load the Visualization API and the corechart package.
-	  google.charts.load('visualization', '1.0', {'packages':['corechart']});
-
-	  // Set a callback to run when the Google Visualization API is loaded.
-	  google.charts.setOnLoadCallback(drawPointsChart);
-	  //google.charts.setOnLoadCallback(drawMileageChart);
-
-	  // Callback that creates and populates a data table,
-	  // instantiates the pie chart, passes in the data and
-	  // draws it.
-
-	  function drawPointsChart() {
-
-		  $.ajax({
-			  url: "/chartdata/team_weekly_points",
-			  dataType: "json"
-		  }).done(function(jsonData) {
-
-			  // Create our data table out of JSON data loaded from server.
-			  var data = new google.visualization.DataTable(jsonData);
-			  /*
-		var data = google.visualization.arrayToDataTable([
-		  ['Week No.', 'Team 1', 'Team 2'],
-		  ['Week 9',  750.2168827056885,	  992.3467163443565],
-		  ['Week 10',  502.17876356840134,	  511.0094782114029],
-		]);
-*/
-			  console.log(data);
-
-			  // Instantiate and draw our chart, passing in some options.
-			  var chart = new google.visualization.ColumnChart(document.getElementById('chart_team_weekly_points'));
-              var width = $('#chart_team_weekly_points').width();
-
-			  var options = {
-				  'title': 'Team Weekly Points',
-				  'width': width,
-				  'height': 800,
-				  'vAxis': {title: "Points"},
-				  legend: {position: 'none'},
-				  chartArea: {left: 150, top: 50, width: width - 200, height: 700}
-			  };
-
-
-			  chart.draw(data, options);
-		  });
-
-	  }
-
+      $(() => {
+        $.ajax({
+          url: "/chartdata/team_weekly_points",
+          dataType: "json"
+        }).done(function (jsonData) {
+          c3.generate({
+            bindto: '#chart_team_weekly_points',
+            bar: {
+            },
+            data: {
+              x: 'x',
+              columns: [
+                jsonData.x,
+                ...jsonData.teams.map(id => jsonData[id])
+              ],
+              type: 'bar',
+            },
+            axis: {
+              x: {
+                tick: {
+                  format: d => "Week " + d,
+                }
+              }
+            },
+            bar: {
+              width: {
+                ratio: 0.75,
+              }
+            },
+            tooltip: {
+              format: {
+                value: (value) => Math.round(value),
+              }
+            },
+            legend: {
+              show: false
+            }
+          });
+        });
+      });
     </script>
 {% endblock %}
 {% block content %}
@@ -56,7 +58,7 @@ <h1>
         Team Weekly Points
     </h1>
     <!--Div that will hold our leaderboard chart-->
-    <div id="chart_team_weekly_points" class="g-chart">
+    <div id="chart_team_weekly_points" style="width:100%; height: 480px">
         <svg width="48"
              height="48"
              viewBox="0 0 24 24"
diff --git a/freezing/web/templates/user/rides.html b/freezing/web/templates/user/rides.html
index e6bc373..551e46c 100644
--- a/freezing/web/templates/user/rides.html
+++ b/freezing/web/templates/user/rides.html
@@ -16,16 +16,52 @@
     <link rel="stylesheet" href="/css/leaflet-gesture-handling.min.css" />
     <script src="/js/leaflet-gesture-handling.min.js"></script>
     <script src="/js/ride-map.js"></script>
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.css"
+          integrity="sha384-ztqQYuF0ztQOO26+6hbRTtSQ6HGLosUJRQI9kx0L9OpJiESTtsiriiQNqwBIBl9a"
+          crossorigin="anonymous">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.8.0/d3.min.js"
+            integrity="sha384-Nth41CoN2s0hj2li43h7cs5a1J0zroMLa7ugSGFSdWJMF1OuKrJwZaritPHBnk3E"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.min.js"
+            integrity="sha384-xOzJ6ocROuPNeY/PUgXyXgiPyvvePCiWVkKXro4Lb1gWoGJOtrJw+zrpf3NBx1B5"
+            crossorigin="anonymous"></script>
     <script type="text/javascript">
-      // Load the Visualization API and the corechart package.
-      google.load('visualization', '1.0', {'packages':['corechart']});
-
       function drawDailyPointsChart() {
 	      $.ajax({
 	          url: "/chartdata/user_daily_points/{{ session.get('athlete_id') }}",
 	          dataType: "json"
           }).done(function(jsonData) {
-              drawPointsChart(jsonData, 'chart_user_daily_points', 'Daily Points');
+            c3.generate({
+              bindto: '#chart_user_daily_points',
+              bar: {
+              },
+              data: {
+                x: 'x',
+                columns:
+                  [
+                    ['x', ...jsonData.days.map(d => d.slice(0, 10))],
+                    ['points', ...jsonData.points],
+                  ],
+                type: 'bar',
+              },
+              axis: {
+                x: {
+                  type: 'timeseries',
+                  tick: {
+                    format: "%m/%d",
+                  }
+                }
+              },
+              tooltip: {
+                format: {
+                  value: (value) => Math.round(value),
+                }
+              },
+              legend: {
+                show: false
+              }
+            });
           });
 	  }
 
@@ -34,30 +70,37 @@
 	          url: "/chartdata/user_weekly_points/{{ session.get('athlete_id') }}",
 	          dataType: "json"
           }).done(function(jsonData) {
-              drawPointsChart(jsonData, 'chart_user_weekly_points', 'Weekly Points');
+            c3.generate({
+              bindto: '#chart_user_weekly_points',
+              bar: {
+              },
+              data: {
+                x: 'x',
+                columns:
+                  [
+                    ['x', ...jsonData.weeks],
+                    ['points', ...jsonData.points],
+                  ],
+                type: 'bar',
+              },
+              axis: {
+                x: {
+                  tick: {
+                    format: d => "Week " + d,
+                  }
+                }
+              },
+              tooltip: {
+                format: {
+                  value: (value) => Math.round(value),
+                }
+              },
+              legend: {
+                show: false
+              }
+            });
           });
 	  }
-
-      function drawPointsChart(jsonData, element, title) {
-          // Create our data table out of JSON data loaded from server.
-          var data = new google.visualization.DataTable(jsonData);
-
-          // Instantiate and draw our chart, passing in some options.
-          var width = $('#' + element).width();
-          var height = 320;
-          var chart = new google.visualization.ColumnChart(document.getElementById(element));
-
-          var options = {
-              'title': title,
-              'width': width,
-              'height': height,
-              'vAxis': {title: "Points"},
-              legend: {position: 'none'},
-              chartArea: {left: 75, width: width - 100, top: 50, height: height - 110}
-          };
-          chart.draw(data, options);
-      }
-
     </script>
 {% endblock %}
 {% block content %}
@@ -109,7 +152,7 @@ <h2 class="clearfix">
                 </table>
             </div>
             <div role="tabpanel" class="tab-pane" id="daily">
-                <div id="chart_user_daily_points" class="g-chart">
+                <div id="chart_user_daily_points" style="width:100%; height: 480px">
                     <svg width="48"
                          height="48"
                          viewBox="0 0 24 24"
@@ -121,7 +164,7 @@ <h2 class="clearfix">
                 </div>
             </div>
             <div role="tabpanel" class="tab-pane" id="weekly">
-                <div id="chart_user_weekly_points"  class="g-chart">
+                <div id="chart_user_weekly_points" style="width:100%; height: 480px">
                     <svg width="48"
                          height="48"
                          viewBox="0 0 24 24"
diff --git a/freezing/web/views/chartdata.py b/freezing/web/views/chartdata.py
index f8f75eb..e8cf313 100644
--- a/freezing/web/views/chartdata.py
+++ b/freezing/web/views/chartdata.py
@@ -621,14 +621,12 @@ def user_daily_points(athlete_id):
              """
     )
 
-    cols = [{"id": "day", "label": "Day No.", "type": "string"}]
-    cols.append({"id": "athlete_{0}".format(athlete_id), "label": "", "type": "number"})
-
     # This is a really inefficient way to do this, but it's also super simple.  And I'm feeling lazy :)
     day_r = rrule.rrule(
         rrule.DAILY, dtstart=competition_start(), until=now_or_competition_end()
     )
-    rows = []
+    days = []
+    points = []
     for i, dt in enumerate(day_r):
         # Thanks Stack Overflow https://stackoverflow.com/a/25265611/424301
         day_no = (
@@ -640,24 +638,13 @@ def user_daily_points(athlete_id):
             .timetuple()
             .tm_yday
         )
-        cells = [
-            {
-                "v": "{0}".format(dt.strftime("%b %d")),
-                "f": "{0}".format(dt.strftime("%m/%d")),
-            },
-            # Competition always starts at day 1, regardless of isocalendar day no
-        ]
-
-        points = meta.engine.execute(
+        pts = meta.engine.execute(
             day_q, id=athlete_id, yday=day_no
         ).scalar()  # @UndefinedVariable
-        if points is None:
-            points = 0
-        cells.append({"v": points, "f": "{0:.2f}".format(points)})
+        days.append(dt.isoformat())
+        points.append(0 if pts is None else pts)
 
-        rows.append({"c": cells})
-
-    return gviz_api_jsonify({"cols": cols, "rows": rows})
+    return jsonify({"days": days, "points": points})
 
 
 @blueprint.route("/user_weekly_points/<athlete_id>")
@@ -672,32 +659,23 @@ def user_weekly_points(athlete_id):
              """
     )
 
-    cols = [{"id": "week", "label": "Week No.", "type": "string"}]
-    cols.append({"id": "athlete_{0}".format(athlete_id), "label": "", "type": "number"})
-
+    # Slow garbage.
     # This is a really inefficient way to do this, but it's also super simple.  And I'm feeling lazy :)
     week_r = rrule.rrule(
         rrule.WEEKLY, dtstart=competition_start(), until=now_or_competition_end()
     )
-    rows = []
+    weeks = []
+    points = []
     for i, dt in enumerate(week_r):
         week_no = dt.date().isocalendar()[1]
-        # these are 1-based, whereas mysql uses 0-based
-        cells = [
-            {"v": "Week {0}".format(i + 1), "f": "Week {0}".format(i + 1)},
-            # Competition always starts at week 1, regardless of isocalendar week no
-        ]
 
         total_score = meta.engine.execute(
             week_q, athlete_id=athlete_id, week=week_no - 1
         ).scalar()  # @UndefinedVariable
-        if total_score is None:
-            total_score = 0
-        cells.append({"v": total_score, "f": "{0:.2f}".format(total_score)})
+        weeks.append(i + 1)
+        points.append(0 if total_score is None else total_score)
 
-        rows.append({"c": cells})
-
-    return gviz_api_jsonify({"cols": cols, "rows": rows})
+    return jsonify({"weeks": weeks, "points": points})
 
 
 @blueprint.route("/team_weekly_points")
@@ -729,22 +707,19 @@ def team_weekly_points():
     teams = sorted({(r["team_id"], r["team_name"]) for r in res}, key=lambda t: t[1])
     scores = {(r["week_num"], r["team_id"]): r["total_score"] for r in res}
 
-    team_cols = [
-        {"id": f"team_{id}", "label": name, "type": "number"} for id, name in teams
-    ]
-    cols = [{"id": "week", "label": "Week No.", "type": "string"}, *team_cols]
-
-    def week_cells(week: int) -> [dict]:
-        def team_cell(id: int) -> dict:
-            total_score = scores.get((week, id), 0.0)
-            return {"v": total_score, "f": "{0:.2f}".format(total_score)}
+    response = {}
+    xs = ["x"]
+    for week in weeks:
+        xs.append(week + 1)
+    response["x"] = xs
+    response["teams"] = [name for id, name in teams]
+    for id, name in teams:
+        team = [name]
+        for week in weeks:
+            team.append(scores.get((week, id), 0.0))
+        response[name] = team
 
-        team_cells = [team_cell(id) for id, _ in teams]
-        return [{"v": f"Week {week + 1}", "f": f"Week {week + 1}"}, *team_cells]
-
-    rows = [{"c": week_cells(week)} for week in weeks]
-
-    return gviz_api_jsonify({"cols": cols, "rows": rows})
+    return jsonify(response)
 
 
 @blueprint.route("/team_cumul_points")
@@ -945,25 +920,22 @@ def riders_by_lowtemp():
             """
     )
 
-    cols = [
-        {"id": "date", "label": "Date", "type": "date"},
-        {"id": "riders", "label": "Riders", "type": "number"},
-        {"id": "day_temp_min", "label": "Low Temp", "type": "number"},
-    ]
-
     rows = []
     for res in meta.scoped_session().execute(q):  # @UndefinedVariable
         if res["low_temp"] is None:
             # This probably only happens for *today* since that isn't looked up yet.
             continue
-        cells = [
-            {"v": res["start_date"]},
-            {"v": res["riders"], "f": "{0}".format(res["riders"])},
-            {"v": res["low_temp"], "f": "{0:.1f}F".format(res["low_temp"])},
-        ]
-        rows.append({"c": cells})
+        # res['start_date']
+        dt = res["start_date"]
+        rows.append(
+            {
+                "date": {"year": dt.year, "month": dt.month, "day": dt.day},
+                "riders": res["riders"],
+                "low_temp": res["low_temp"],
+            }
+        )
 
-    return gviz_api_jsonify({"cols": cols, "rows": rows})
+    return jsonify({"data": rows})
 
 
 @blueprint.route("/distance_by_lowtemp")
diff --git a/freezing/web/views/general.py b/freezing/web/views/general.py
index c0fd46b..8907a2c 100644
--- a/freezing/web/views/general.py
+++ b/freezing/web/views/general.py
@@ -398,7 +398,7 @@ def indiv_elev_dist():
 
 
 @blueprint.route("/explore/distance_by_lowtemp")
-def riders_by_lowtemp():
+def distance_by_lowtemp():
     return render_template(
         "explore/distance_by_lowtemp.html",
     )