informavo.re

by pixeline

HTML

<script src="http://pixeline.be/pocket/js/d3.v3.min.js"></script>
<div id="svg"></div>

CSS

body, a{font-family:  'Share Tech Mono', sans-serif;background:#010101;color:white;}
#svg{}
h1{text-transform: uppercase}
.axis path,
.axis line {
    fill: none;
    stroke: #333;
    shape-rendering: crispEdges;
}

.axis text {
    font-family: sans-serif;
    font-size: 11px;
    fill:#666;
    text-align: center
}

JavaScript

var dataset = [{"username":"pixeline","unreads":"223","archived":"17","check_date":"2013-03-16 01:00:08","ratio":"13.1176"},{"username":"pixeline","unreads":"223","archived":"18","check_date":"2013-03-17 08:48:09","ratio":"12.3889"},{"username":"pixeline","unreads":"227","archived":"18","check_date":"2013-03-18 21:48:16","ratio":"12.6111"},{"username":"pixeline","unreads":"227","archived":"18","check_date":"2013-03-19 00:48:20","ratio":"12.6111"},{"username":"pixeline","unreads":"254","archived":"19","check_date":"2013-03-20 00:48:20","ratio":"13.3684"},{"username":"pixeline","unreads":"264","archived":"21","check_date":"2013-03-21 00:48:28","ratio":"12.5714"},{"username":"pixeline","unreads":"277","archived":"21","check_date":"2013-03-22 00:48:31","ratio":"13.1905"},{"username":"pixeline","unreads":"281","archived":"21","check_date":"2013-03-23 00:48:32","ratio":"13.381"},{"username":"pixeline","unreads":"282","archived":"21","check_date":"2013-03-24 00:48:35","ratio":"13.4286"},{"username":"pixeline","unreads":"282","archived":"21","check_date":"2013-03-25 00:48:36","ratio":"13.4286"},{"username":"pixeline","unreads":"286","archived":"21","check_date":"2013-03-26 00:48:39","ratio":"13.619"},{"username":"pixeline","unreads":"288","archived":"21","check_date":"2013-03-27 00:48:44","ratio":"13.7143"},{"username":"pixeline","unreads":"295","archived":"21","check_date":"2013-03-28 00:48:46","ratio":"14.0476"},{"username":"pixeline","unreads":"296","archived":"21","check_date":"2013-03-29 00:48:51","ratio":"14.0952"},{"username":"pixeline","unreads":"298","archived":"21","check_date":"2013-03-30 00:48:52","ratio":"14.1905"},{"username":"pixeline","unreads":"301","archived":"21","check_date":"2013-03-31 00:48:56","ratio":"14.3333"},{"username":"pixeline","unreads":"301","archived":"21","check_date":"2013-04-01 00:49:00","ratio":"14.3333"},{"username":"pixeline","unreads":"301","archived":"21","check_date":"2013-04-02...