diff --git a/index.html.twig b/index.html.twig
index a6e6dda..9ba93f7 100644
--- a/index.html.twig
+++ b/index.html.twig
@@ -42,6 +42,16 @@
 
         </div>
         <div class="span5">
+            <div class="well">
+                <ul class="nav nav-list">
+                    <li class="nav-header">Statistics</li>
+                    {% block renderStatistics %}
+                        <div id="statistics"></div>
+                        <hr />
+                        <div class="btn btn-small btn-info">Reset Zoom</div>
+                    {% endblock %}
+                </ul>
+            </div>
             <div class="well">
                 <ul class="nav nav-list">
                     <li class="nav-header">Charts</li>
@@ -74,4 +84,113 @@
             </div>
         </div>
     </div>
+    {% block statistics %}
+        <script type="text/javaScript">
+        $(document).ready(function(){
+          var ajaxDataRenderer = function(url, plot, options) {
+            var stats = null;
+            $.ajax({
+              async: false,
+              url: url,
+              dataType:"xml",
+              success: function(data) {
+                stats = $.xml2json(data);
+
+                var deprecated = [], item;
+                var errors = [], item;
+                var markers = [], item;
+                var datestring = [], item;
+
+                $.each(stats.stat, function(key, value){
+                    var datestr = value.date;
+                    var yy   = datestr.substring(0,4);
+                    var mo   = datestr.substring(5,7);
+                    var dd   = datestr.substring(8,10);
+                    var hh   = datestr.substring(11,13);
+                    var mi   = datestr.substring(14,16);
+                    var ss   = datestr.substring(17,19);
+                    var tzs  = datestr.substring(19,20);
+                    var tzhh = datestr.substring(20,22);
+                    var tzmi = datestr.substring(23,25);
+                    var myutc = Date.UTC(yy-0,mo-1,dd-0,hh-0,mi-0,ss-0);
+                    var tzos = (tzs+(tzhh * 60 + tzmi * 1)) * 60000;
+                    date = new Date(myutc-tzos);
+                    
+                    deprecated.push([date.toString(), parseFloat(value.counters.deprecated)]);
+                    errors.push([date.toString(), parseFloat(value.counters.errors)]);
+                    markers.push([date.toString(), parseFloat(value.counters.markers)]);
+                });
+
+                var ret = [], item;
+                ret.push(deprecated, errors, markers);
+
+                stats = ret;
+              }
+            });
+            
+            return stats;
+          };
+         
+          var xmlurl = "{{ path('phpdoc-stats.xml') }}";
+          var xml = ajaxDataRenderer(xmlurl);
+          var statistics = $.jqplot('statistics', xmlurl,{
+                dataRenderer: ajaxDataRenderer,
+                series:[
+                    {'label': 'deprecated', 'color' : '#0000FF'},
+                    {'label': 'errors', 'color' : '#FF0000'},
+                    {'label': 'markers', 'color' : '#FFFF00'}],
+                axes: {
+                    xaxis: {
+                        renderer: $.jqplot.DateAxisRenderer,
+                        rendererOptions:{
+                            tickRenderer:$.jqplot.CanvasAxisTickRenderer
+                        },
+                        tickOptions: {
+                            formatString: '%Y-%#m-%#d',
+                            angle:-40,
+                            fontSize: '10px',
+                            fontFamily: ["Helvetica Neue","Helvetica","Arial","sans-serif"]
+                        },
+                        tickInterval: '1 week',
+                        min: xml[0][0][0],
+                        max: xml[0][xml[0].length-1][0]
+                    },
+                    yaxis: {
+                        tickOptions: { formatString: '%.0f' },
+                        min: 0
+                    }
+                },
+                cursor:{
+                    show: true,
+                    zoom: true,
+                    showTooltip: true,
+                    tooltipLocation: 'ne'
+                },
+                axesDefaults: {
+                    useSeriesColor: true,
+                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer
+                },
+                seriesDefaults: {
+                    lineWidth: 2,
+                    style: 'square'
+                },
+                legend: {
+                    renderer: $.jqplot.EnhancedLegendRenderer,
+                    show: true,
+                    showLabels: true,
+                    location: 'n',
+                    placement: 'outside',
+                    fontSize: '10px',
+                    fontFamily: ["Helvetica Neue","Helvetica","Arial","sans-serif"],
+                    rendererOptions: {
+                        numberRows: '1',
+                        numberColumns: '3',
+                        seriesToggle: 'normal'
+                    }
+                }
+          });
+          $('.btn').click(function() { statistics.resetZoom() });
+        });
+        </script>
+    {% endblock %}
 {% endblock %}
diff --git a/layout.html.twig b/layout.html.twig
index 384d2b1..7c3fe64 100644
--- a/layout.html.twig
+++ b/layout.html.twig
@@ -9,6 +9,7 @@
 
     {% block stylesheets %}
         <link href="{{ path('css/template.css') }}" rel="stylesheet" media="all"/>
+        <link rel="stylesheet" href="{{ path('js/jqplot/jquery.jqplot.min.css') }}">
     {% endblock %}
 
     {% block javascripts %}
@@ -21,6 +22,16 @@
         <script src="{{ path('js/bootstrap.js') }}" type="text/javascript"></script>
         <script src="{{ path('js/template.js') }}" type="text/javascript"></script>
         <script src="{{ path('js/prettify/prettify.min.js') }}" type="text/javascript"></script>
+        <script src="{{ path('js/jquery.xml2json.js') }}" type="text/javascript"></script>
+        <script src="{{ path('js/jqplot/jquery.jqplot.min.js') }}"></script>
+        <script src="{{ path('js/jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js') }}"></script>
+        <script src="{{ path('js/jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js') }}"></script>
+        <script src="{{ path('js/jqplot/plugins/jqplot.canvasOverlay.min.js') }}"></script>
+        <script src="{{ path('js/jqplot/plugins/jqplot.canvasTextRenderer.min.js') }}"></script>
+        <script src="{{ path('js/jqplot/plugins/jqplot.cursor.min.js') }}"></script>
+        <script src="{{ path('js/jqplot/plugins/jqplot.dateAxisRenderer.min.js') }}"></script>
+        <script src="{{ path('js/jqplot/plugins/jqplot.enhancedLegendRenderer.min.js') }}"></script>
+        <script src="{{ path('js/jqplot/plugins/jqplot.json2.min.js') }}"></script>
     {% endblock %}
 
     {% block icons %}
diff --git a/template.xml b/template.xml
index 50641f1..bfdb3f1 100644
--- a/template.xml
+++ b/template.xml
@@ -33,5 +33,6 @@
     <transformation writer="twig" source="templates/responsive-twig/reports/deprecated.html.twig" artifact="deprecated.html"/>
     <transformation writer="twig" source="templates/responsive-twig/graphs/class.html.twig" artifact="graph_class.html"/>
     <transformation writer="Graph" source="Class" artifact="classes.svg" />
+    <transformation writer="statistics" artifact="phpdoc-stats.xml"/>
   </transformations>
 </template>