initial version of histo chart

rowers/templates/filmdeaths.html

@@ -0,0 +1,71 @@
+{% extends "newbase.html" %}
+{% load static %}
+{% load rowerfilters %}
+
+{% block title %}Rowsandall {% endblock %}
+{% block meta %}
+<style type="text/css">
+
+      circle {
+        cursor: pointer;
+      }
+
+			.axis path,
+			.axis line {
+				fill: none;
+				stroke: black;
+				shape-rendering: crispEdges;
+			}
+
+			.axis text {
+				font-family: sans-serif;
+				font-size: 11px;
+			}
+
+      .tooltip {
+        padding: 1em;
+        width: 200px;
+        height: 200px;
+        background-color: #f00;
+        color: #fff;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 999;
+      }
+
+</style>
+{% endblock %}
+
+{% block main %}
+<script src="https://d3js.org/d3.v3.min.js"></script>
+
+
+<h1>Film Deaths</h1>
+
+<ul class="main-content">
+
+
+  <li class="grid_4">
+    <div id="id_chart">
+      <script>
+	{{ the_script| safe }}
+      </script>
+      {{ the_div|safe }}
+    </div>
+  </li>
+</ul>
+
+{% endblock %}
+
+{% block scripts %}
+<script type='text/javascript'
+        src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'>
+</script>
+
+
+{% endblock %}
+
+{% block sidebar %}
+{% include 'menu_analytics.html' %}
+{% endblock %}