Permalink
Browse files

added statistics and some links

  • Loading branch information...
1 parent 96b68b5 commit 8aab3b0e6f8eedf0d367f51cb1577b800208c057 Christian Scholz committed Dec 12, 2011
@@ -3,6 +3,15 @@
import copy
import math
+class Stats(Handler):
+ """display statistics"""
+
+ template = "stats.html"
+
+ @ashtml()
+ def get(self):
+ return self.render()
+
class Impressum(Handler):
"""display impressum"""
@@ -38,6 +38,7 @@ def setup(**kw):
('/vorschlaege.json', 'proposals_json', handlers.ProposalsJSON),
('/vorschlaege', 'proposals', handlers.Proposals),
('/impressum', 'impressum', handlers.Impressum),
+ ('/stats', 'stats', handlers.Stats),
('/opendata', 'opendata', handlers.OpenData),
('/vorschlaege/<vid>.json', 'proposal_json', handlers.ProposalJSON),
('/vorschlaege/<vid>', 'proposal', handlers.Proposal),
@@ -46,7 +46,7 @@
<h3>Datenschutz</h3>
Wir nutzen die Open Source-Statistik-Software piwik, um Zugriffsstatistiken zur Verbesserung dieses
Angebots zu erheben. Weiterhin verwenden wir Twitter-Buttons, die Ihre IP-Adresse an Twitter Inc. übertragen.
- Weitere Informationen erhalten Sie in den <a href="http://twitter.com/privacy">Datenschutz-Bestimmungen von Twitter</a>.
+ Weitere Informationen erhalten Sie in den <a href="http://twitter.com/privacy">Datenschutz-Bestimmungen von Twitter</a>. Ähnliches gilt für Google, deren CDN wir nutzen, um die JavaScript-Library jQuery zu laden.
</section>
@@ -25,7 +25,9 @@
<a class="brand2" href="http://oecher.info">oecher.info</a>
<ul class="nav">
<li class="active"><a href="/vorschlaege">Vorschläge</a></li>
- <li class="active"><a href="/impressum">Impressum</a></li>
+ <li class="active"><a href="/stats">Statistiken</a></li>
+ <li class="active"><a href="/opendata">Offene Datenschnittstelle</a></li>
+ <li class="active"><a href="http://mrtopf.de/blog/politik-politics/oche-rechnete-mit-ihnen-alternative-ausgabe-des-burgerhaushaltes-aachen/">Über diese Seite</a></li>
</ul>
</div>
</div>
@@ -44,12 +46,16 @@
<footer style="margin-top: 30px; margin-bottom: 30px;">
<div id="comlounge" class="pull-right">
Ein Projekt von <br>
- <a href="http://comlounge.net/"><img src="/img/comlounge.png" width="180" height="28" alt="COM.lounge"></a>
+ <a href="http://comlounge.net/"><img src="/img/comlounge.png" width="180" height="28" alt="COM.lounge"></a><br>
+ <a href="/impressum">Impressum</a>
</div>
<p>
Datenquelle: <a href="http://www.aachen-rechnet-mit-ihnen.de">aachen-rechnet-mit-ihnen.de</a><br>
Diese Ausgabe wurde implementiert von von <a href="http://mrtopf.de">MrTopf</a>
</p>
+ <p>
+ <a href="https://github.com/mrtopf/oche-rechnete-mit-dir">Dieses Projekt ist Open Source</a>
+ </p>
</footer>
</div>
@@ -0,0 +1,101 @@
+{% extends "master.html" %}
+{% block js %}
+ <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+ <script type="text/javascript">
+ google.load("visualization", "1", {packages:["corechart"]});
+ google.setOnLoadCallback(drawChart);
+ function drawChart() {
+ var data = new google.visualization.DataTable();
+ data.addColumn('string', 'Typ');
+ data.addColumn('number', 'Anzahl');
+ data.addRows([
+ ['Ausgabevorschlag', 40],
+ ['Sparvorschlag', 100],
+ ['keine Angabe', 32],
+ ]);
+
+ var options = {
+ width: 700, height: 700,
+ title: 'Verteilung nach Vorschlagstypen',
+ colors: ['#c22', '#2a2', "#aaa"],
+ is3D: true
+ };
+
+ var chart = new google.visualization.PieChart(document.getElementById('chart_div1'));
+ chart.draw(data, options);
+
+
+
+
+ // Sparvorschläge pro / contra
+ var data2 = new google.visualization.DataTable();
+ data2.addColumn('string', 'Typ');
+ data2.addColumn('number', 'Anzahl');
+ data2.addRows([
+ ['pro', 77],
+ ['neutral/negativ', 23],
+ ]);
+
+ var options2 = {
+ width: 350, height: 300,
+ title: 'Sparvorschläge: pro vs. neutral/contra',
+ colors: ['#2a2', '#c22']
+ };
+
+ var chart2 = new google.visualization.PieChart(document.getElementById('chart_div2'));
+ chart2.draw(data2, options2);
+
+
+
+
+
+ // Ausgabevorschläge pro / contra
+ var data3 = new google.visualization.DataTable();
+ data3.addColumn('string', 'Typ');
+ data3.addColumn('number', 'Anzahl');
+ data3.addRows([
+ ['pro', 26],
+ ['neutral/negativ', 14],
+ ]);
+
+ var options3 = {
+ width: 350, height: 300,
+ title: 'Ausgabevorschläge: pro vs. neutral/contra',
+ colors: ['#2a2', '#c22']
+ };
+
+ var chart3 = new google.visualization.PieChart(document.getElementById('chart_div3'));
+ chart3.draw(data3, options3);
+ }
+ </script>
+
+{% endblock %}
+
+{% block content %}
+ <div id="overview">
+ <header class="jumbotron subhead">
+ <div class="inner">
+ <h1>Statistiken
+ </h1>
+ <p class="lead">
+ verschiedene Visualisierungen der vorhandenen Daten
+ </p>
+ </div>
+ </header>
+ <section>
+ <div class="row">
+ <div class="span8">
+ <div id="chart_div1"></div>
+ </div>
+ <div class="span4">
+ <div id="chart_div2"></div>
+ <div id="chart_div3"></div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+{% endblock %}
+
+</body>
+</html>

0 comments on commit 8aab3b0

Please sign in to comment.