Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ***
- ***
- ***
- THAT HTML:
- ***
- ***
- ***
- <!DOCTYPE html>
- <meta charset="utf-8">
- <html>
- <head>
- <style type="text/css">
- body {
- font: 10px sans-serif;
- }
- .axis path,
- .axis line {
- fill: none;
- stroke: #000;
- shape-rendering: crispEdges;
- }
- .x.axis path {
- display: none;
- }
- .line {
- fill: none;
- stroke: steelblue;
- stroke-width: 1.5px;
- }
- </style>
- </head>
- <body>
- <script type="text/javascript" src="d3.min.js"></script>
- <script type="text/javascript" src="d3.js"></script>
- <script type="text/javascript">
- var margin = {top: 20, right: 20, bottom: 30, left: 50},
- width = 1600 - margin.left - margin.right,
- height = 600 - margin.top - margin.bottom;
- var parseDate = d3.time.format("%x");
- var x = d3.time.scale()
- .range([0, width]);
- var y = d3.scale.linear()
- .range([height, 0]);
- var xAxis = d3.svg.axis()
- .scale(x)
- .orient("bottom");
- var yAxis = d3.svg.axis()
- .scale(y)
- .orient("left");
- var line = d3.svg.line()
- .x(function(d) { return x(d.date); })
- .y(function(d) { return y(d.viewers); });
- var svg = d3.select("body").append("svg")
- .attr("width", width + margin.left + margin.right)
- .attr("height", height + margin.top + margin.bottom)
- .append("g")
- .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
- d3.json("CleanUp_v003.json", function(viewdata) {
- data = viewdata["rows"];
- data.forEach(function(d) {
- d.date = new Date(d.id*1000);
- d.streams = d.key;
- d.viewers = d.value;
- console.log(d.date);
- });
- x.domain(d3.extent(data, function(d) { return d.date; }));
- y.domain(d3.extent(data, function(d) { return d.viewers; }));
- svg.append("g")
- .attr("class", "x axis")
- .attr("transform", "translate(0," + height + ")")
- .call(xAxis);
- svg.append("g")
- .attr("class", "y axis")
- .call(yAxis)
- .append("text")
- .attr("transform", "rotate(-90)")
- .attr("y", 6)
- .attr("dy", ".71em")
- .style("text-anchor", "end")
- .text("Vieweres");
- svg.append("path")
- .datum(data)
- .attr("class", "line")
- .attr("d", line);
- });
- </script>
- </body>
- </html>
- ***
- ***
- ***
- THAT JSON
- ***
- ***
- ***
- {"total_rows":380,"offset":0,"rows":[
- {"id":"1410773401","key":4809,"value":184465},
- {"id":"1410775201","key":4906,"value":196324},
- {"id":"1410777002","key":4929,"value":197936},
- {"id":"1410859801","key":4990,"value":201527},
- {"id":"1410771601","key":5037,"value":194338},
- {"id":"1410861601","key":5046,"value":208010},
- {"id":"1410858001","key":5052,"value":210202},
- {"id":"1410863401","key":5081,"value":213289},
- {"id":"1410769802","key":5088,"value":203158},
- {"id":"1410778802","key":5092,"value":200286},
- {"id":"1410856201","key":5135,"value":214005},
- {"id":"1410865201","key":5190,"value":215860},
- {"id":"1410429601","key":5245,"value":222461},
- {"id":"1410431401","key":5286,"value":233361},
- {"id":"1410514201","key":5291,"value":207892},
- {"id":"1410516001","key":5299,"value":225569},
- {"id":"1410768001","key":5311,"value":196310},
- {"id":"1410780601","key":5341,"value":213525},
- {"id":"1410427802","key":5360,"value":245649},
- {"id":"1410345002","key":5368,"value":218353},
- {"id":"1410517801","key":5370,"value":211715},
- {"id":"1410854401","key":5412,"value":222598},
- {"id":"1410343201","key":5419,"value":210231},
- {"id":"1410341401","key":5444,"value":206047},
- {"id":"1410426001","key":5454,"value":223074},
- {"id":"1410433201","key":5467,"value":227737},
- {"id":"1410867001","key":5481,"value":238322},
- {"id":"1410512401","key":5483,"value":205193},
- {"id":"1410519602","key":5562,"value":234594},
- {"id":"1410346801","key":5573,"value":231016},
- {"id":"1410424201","key":5588,"value":236209},
- {"id":"1410339601","key":5620,"value":203532},
- {"id":"1410510601","key":5707,"value":211142},
- {"id":"1410852601","key":5715,"value":217549},
- {"id":"1410337801","key":5747,"value":198310},
- {"id":"1410782401","key":5748,"value":219465},
- {"id":"1410435001","key":5759,"value":258554},
- {"id":"1410868801","key":5767,"value":256599},
- {"id":"1410766201","key":5769,"value":211463},
- {"id":"1410422401","key":5899,"value":274991},
- {"id":"1410521401","key":6005,"value":227630},
- {"id":"1410348601","key":6011,"value":242611},
- {"id":"1410336001","key":6141,"value":197873},
- {"id":"1410784201","key":6141,"value":231799},
- {"id":"1410508801","key":6151,"value":225072},
- {"id":"1410436801","key":6181,"value":271515},
- {"id":"1410764401","key":6186,"value":229456},
- {"id":"1410850801","key":6251,"value":224362},
- {"id":"1410870601","key":6266,"value":269412},
- {"id":"1410523201","key":6283,"value":263481},
- {"id":"1410420602","key":6451,"value":271932},
- {"id":"1410507001","key":6458,"value":221390},
- {"id":"1410350401","key":6462,"value":249265},
- {"id":"1410334201","key":6578,"value":212086},
- {"id":"1410872401","key":6601,"value":262782},
- {"id":"1410786002","key":6606,"value":236668},
- {"id":"1410438601","key":6692,"value":247926},
- {"id":"1410762601","key":6711,"value":253135},
- {"id":"1410849002","key":6755,"value":228668},
- {"id":"1410525001","key":6767,"value":290307},
- {"id":"1410352201","key":7055,"value":263937},
- {"id":"1410787801","key":7075,"value":247418},
- {"id":"1410505201","key":7080,"value":217094},
- {"id":"1410874201","key":7097,"value":286351},
- {"id":"1410418801","key":7140,"value":260173},
- {"id":"1410604201","key":7170,"value":310111},
- {"id":"1410440401","key":7176,"value":304825},
- {"id":"1410600601","key":7222,"value":295144},
- {"id":"1410602401","key":7233,"value":317214},
- {"id":"1410332401","key":7249,"value":219226},
- {"id":"1410760801","key":7323,"value":249428},
- {"id":"1410598801","key":7327,"value":300838},
- {"id":"1410526801","key":7358,"value":293434},
- {"id":"1410606001","key":7372,"value":321138},
- {"id":"1410847201","key":7388,"value":238775},
- {"id":"1410597001","key":7453,"value":280271},
- {"id":"1410789602","key":7499,"value":276898},
- {"id":"1410595201","key":7558,"value":284752},
- {"id":"1410354001","key":7560,"value":277020},
- {"id":"1410260402","key":7562,"value":259562},
- {"id":"1410876001","key":7580,"value":307083},
- {"id":"1410258601","key":7591,"value":239145},
- {"id":"1410262201","key":7597,"value":249986},
- {"id":"1410417001","key":7597,"value":250781},
- {"id":"1410591601","key":7598,"value":224985},
- {"id":"1410442201","key":7639,"value":296976},
- {"id":"1410503401","key":7641,"value":233022},
- {"id":"1410593401","key":7641,"value":269142},
- {"id":"1410687001","key":7647,"value":288727},
- {"id":"1410690601","key":7655,"value":307981},
- {"id":"1410688802","key":7682,"value":294463},
- {"id":"1410607801","key":7715,"value":363362},
- {"id":"1410256801","key":7722,"value":220115},
- {"id":"1410685202","key":7724,"value":283410},
- {"id":"1410692401","key":7825,"value":315684},
- {"id":"1410759001","key":7858,"value":283635},
- {"id":"1410528601","key":7866,"value":315013},
- {"id":"1410264001","key":7886,"value":265086},
- {"id":"1410683401","key":7888,"value":278970},
- {"id":"1410330601","key":7924,"value":212622},
- {"id":"1410791401","key":8020,"value":304182},
- {"id":"1410877801","key":8038,"value":316898},
- {"id":"1410845401","key":8091,"value":246094},
- {"id":"1410444001","key":8104,"value":325857},
- {"id":"1410609601","key":8126,"value":382269},
- {"id":"1410694201","key":8132,"value":324746},
- {"id":"1410255001","key":8134,"value":229048},
- {"id":"1410355801","key":8185,"value":299723},
- {"id":"1410265801","key":8260,"value":173763},
- {"id":"1410681601","key":8267,"value":272990},
- {"id":"1410501601","key":8285,"value":242433},
- {"id":"1410253201","key":8349,"value":208612},
- {"id":"1410246002","key":8395,"value":219567},
- {"id":"1410793201","key":8413,"value":318562},
- {"id":"1410530401","key":8457,"value":340243},
- {"id":"1410415201","key":8469,"value":274332},
- {"id":"1410879601","key":8488,"value":344968},
- {"id":"1410679801","key":8516,"value":259298},
- {"id":"1410757201","key":8582,"value":285982},
- {"id":"1410445801","key":8583,"value":345165},
- {"id":"1410696001","key":8584,"value":339920},
- {"id":"1410611401","key":8597,"value":376164},
- {"id":"1410328801","key":8626,"value":125603},
- {"id":"1410357601","key":8697,"value":293843},
- {"id":"1410267601","key":8737,"value":290094},
- {"id":"1410795001","key":8781,"value":371857},
- {"id":"1410843601","key":8781,"value":246174},
- {"id":"1410251401","key":8828,"value":206559},
- {"id":"1410240601","key":8842,"value":226167},
- {"id":"1410244201","key":8861,"value":222073},
- {"id":"1410678001","key":8883,"value":260444},
- {"id":"1410881401","key":8946,"value":362013},
- {"id":"1410499801","key":8948,"value":257945},
- {"id":"1410532201","key":8957,"value":402004},
- {"id":"1410237001","key":8985,"value":253251},
- {"id":"1410242402","key":8987,"value":222378},
- {"id":"1410676201","key":9048,"value":238078},
- {"id":"1410447601","key":9097,"value":343882},
- {"id":"1410796801","key":9099,"value":373103},
- {"id":"1410359401","key":9145,"value":297515},
- {"id":"1410238801","key":9185,"value":234724},
- {"id":"1410755401","key":9207,"value":295079},
- {"id":"1410613201","key":9218,"value":412713},
- {"id":"1410613202","key":9218,"value":412713},
- {"id":"1410697801","key":9242,"value":354405},
- {"id":"1410327001","key":9281,"value":270489},
- {"id":"1410269401","key":9339,"value":313244},
- {"id":"1410235201","key":9348,"value":284269},
- {"id":"1410249601","key":9348,"value":221243},
- {"id":"1410413401","key":9358,"value":264844},
- {"id":"1410883201","key":9358,"value":343608},
- {"id":"1410534001","key":9466,"value":382600},
- {"id":"1410247801","key":9507,"value":214269},
- {"id":"1410798601","key":9524,"value":376885},
- {"id":"1410841801","key":9543,"value":280192},
- {"id":"1410449401","key":9579,"value":381928},
- {"id":"1410361201","key":9586,"value":332722},
- {"id":"1410885001","key":9610,"value":384385},
- {"id":"1410498001","key":9639,"value":278006},
- {"id":"1410615001","key":9711,"value":420619},
- {"id":"1410753601","key":9793,"value":302107},
- {"id":"1410271201","key":9884,"value":350531},
- {"id":"1410699601","key":9894,"value":365862},
- {"id":"1410886801","key":9924,"value":413188},
- {"id":"1410451201","key":9963,"value":384047},
- {"id":"1410233401","key":9974,"value":292000},
- {"id":"1410535801","key":10010,"value":397994},
- {"id":"1410411601","key":10064,"value":259665},
- {"id":"1410800401","key":10073,"value":435735},
- {"id":"1410325201","key":10125,"value":95042},
- {"id":"1410840001","key":10140,"value":312964},
- {"id":"1410453001","key":10183,"value":419716},
- {"id":"1410363001","key":10198,"value":383373},
- {"id":"1410616801","key":10272,"value":422374},
- {"id":"1410751801","key":10330,"value":335886},
- {"id":"1410888602","key":10371,"value":426949},
- {"id":"1410273001","key":10381,"value":320111},
- {"id":"1410496201","key":10415,"value":292834},
- {"id":"1410838201","key":10426,"value":335693},
- {"id":"1410537601","key":10449,"value":397899},
- {"id":"1410701402","key":10462,"value":398719},
- {"id":"1410454801","key":10599,"value":449137},
- {"id":"1410364801","key":10629,"value":396931},
- {"id":"1410231601","key":10638,"value":304473},
- {"id":"1410802201","key":10654,"value":430133},
- {"id":"1410539401","key":10660,"value":422274},
- {"id":"1410804001","key":10822,"value":487696},
- {"id":"1410274801","key":10838,"value":339134},
- {"id":"1410409801","key":10865,"value":275666},
- {"id":"1410890401","key":10884,"value":457922},
- {"id":"1410618601","key":10913,"value":468847},
- {"id":"1410836401","key":10948,"value":353069},
- {"id":"1410323402","key":10951,"value":296770},
- {"id":"1410366601","key":11003,"value":419610},
- {"id":"1410588001","key":11033,"value":284225},
- {"id":"1410906602","key":11034,"value":438261},
- {"id":"1410750001","key":11043,"value":374905},
- {"id":"1410229801","key":11062,"value":345420},
- {"id":"1410703201","key":11102,"value":406244},
- {"id":"1410494401","key":11114,"value":286992},
- {"id":"1410228981","key":11211,"value":346317},
- {"id":"1410904801","key":11219,"value":454115},
- {"id":"1410456601","key":11233,"value":480220},
- {"id":"1410822001","key":11267,"value":413075},
- {"id":"1410908401","key":11271,"value":418942},
- {"id":"1410834601","key":11309,"value":370625},
- {"id":"1410823801","key":11313,"value":408607},
- {"id":"1410674401","key":11324,"value":291782},
- {"id":"1410820201","key":11330,"value":425491},
- {"id":"1410541201","key":11355,"value":470656},
- {"id":"1410620401","key":11375,"value":441070},
- {"id":"1410892201","key":11375,"value":503296},
- {"id":"1410368402","key":11410,"value":409294},
- {"id":"1410825601","key":11416,"value":368854},
- {"id":"1410276601","key":11452,"value":357450},
- {"id":"1410805801","key":11483,"value":522453},
- {"id":"1410832801","key":11495,"value":379359},
- {"id":"1410492601","key":11503,"value":389644},
- {"id":"1410903001","key":11508,"value":523520},
- {"id":"1410894001","key":11520,"value":511654},
- {"id":"1410748201","key":11534,"value":383413},
- {"id":"1410705001","key":11602,"value":389279},
- {"id":"1410705002","key":11602,"value":389279},
- {"id":"1410831001","key":11614,"value":385391},
- {"id":"1410827401","key":11635,"value":379583},
- {"id":"1410818401","key":11643,"value":439101},
- {"id":"1410829201","key":11694,"value":383458},
- {"id":"1410901201","key":11745,"value":320371},
- {"id":"1410408001","key":11785,"value":285461},
- {"id":"1410622201","key":11796,"value":485967},
- {"id":"1410899401","key":11797,"value":576443},
- {"id":"1410746401","key":11828,"value":391136},
- {"id":"1410672601","key":11851,"value":1846},
- {"id":"1410895801","key":11860,"value":555008},
- {"id":"1410586201","key":11874,"value":285279},
- {"id":"1410458401","key":11877,"value":509493},
- {"id":"1410278401","key":11889,"value":378898},
- {"id":"1410490801","key":11976,"value":385486},
- {"id":"1410370201","key":11978,"value":466860},
- {"id":"1410476401","key":11986,"value":484784},
- {"id":"1410897601","key":11989,"value":588086},
- {"id":"1410816602","key":12004,"value":547608},
- {"id":"1410543001","key":12011,"value":495564},
- {"id":"1410321601","key":12037,"value":318463},
- {"id":"1410706801","key":12043,"value":412825},
- {"id":"1410474601","key":12066,"value":515999},
- {"id":"1410807602","key":12130,"value":527929},
- {"id":"1410478201","key":12150,"value":462447},
- {"id":"1410744601","key":12168,"value":377455},
- {"id":"1410480001","key":12229,"value":463723},
- {"id":"1410489002","key":12256,"value":410931},
- {"id":"1410737401","key":12268,"value":408482},
- {"id":"1410481801","key":12269,"value":441563},
- {"id":"1410472801","key":12274,"value":505183},
- {"id":"1410280201","key":12275,"value":446348},
- {"id":"1410739201","key":12275,"value":419756},
- {"id":"1410483602","key":12283,"value":436990},
- {"id":"1410485401","key":12307,"value":404485},
- {"id":"1410814801","key":12330,"value":646512},
- {"id":"1410741001","key":12348,"value":386267},
- {"id":"1410742801","key":12353,"value":392739},
- {"id":"1410624002","key":12402,"value":502555},
- {"id":"1410811201","key":12408,"value":663719},
- {"id":"1410406201","key":12420,"value":310121},
- {"id":"1410487201","key":12420,"value":406672},
- {"id":"1410735601","key":12420,"value":462124},
- {"id":"1410809401","key":12421,"value":522381},
- {"id":"1410460201","key":12478,"value":532659},
- {"id":"1410372001","key":12481,"value":481195},
- {"id":"1410813001","key":12489,"value":672235},
- {"id":"1410670801","key":12495,"value":303641},
- {"id":"1410584401","key":12514,"value":296893},
- {"id":"1410544801","key":12542,"value":507637},
- {"id":"1410708601","key":12569,"value":439951},
- {"id":"1410471002","key":12623,"value":565969},
- {"id":"1410282001","key":12635,"value":448328},
- {"id":"1410462002","key":12739,"value":537138},
- {"id":"1410388201","key":12742,"value":502415},
- {"id":"1410390001","key":12776,"value":484965},
- {"id":"1410391801","key":12780,"value":472785},
- {"id":"1410733801","key":12821,"value":489334},
- {"id":"1410669001","key":12831,"value":322446},
- {"id":"1410625801","key":12873,"value":519488},
- {"id":"1410710401","key":12875,"value":408182},
- {"id":"1410404401","key":12894,"value":330943},
- {"id":"1410319801","key":12897,"value":330348},
- {"id":"1410393601","key":12966,"value":443776},
- {"id":"1410469201","key":12979,"value":603383},
- {"id":"1410463801","key":13091,"value":563526},
- {"id":"1410373801","key":13127,"value":524861},
- {"id":"1410386401","key":13141,"value":515055},
- {"id":"1410712201","key":13145,"value":481869},
- {"id":"1410465601","key":13151,"value":602987},
- {"id":"1410582601","key":13195,"value":317808},
- {"id":"1410395401","key":13223,"value":364075},
- {"id":"1410714001","key":13235,"value":536515},
- {"id":"1410283801","key":13236,"value":513135},
- {"id":"1410667201","key":13249,"value":343720},
- {"id":"1410546601","key":13258,"value":477483},
- {"id":"1410402601","key":13262,"value":352803},
- {"id":"1410467401","key":13267,"value":604852},
- {"id":"1410384601","key":13368,"value":527839},
- {"id":"1410732001","key":13404,"value":508244},
- {"id":"1410627601","key":13408,"value":566467},
- {"id":"1410397202","key":13422,"value":371988},
- {"id":"1410400801","key":13531,"value":354927},
- {"id":"1410665401","key":13536,"value":361063},
- {"id":"1410305401","key":13653,"value":546087},
- {"id":"1410399001","key":13656,"value":367227},
- {"id":"1410375601","key":13669,"value":531144},
- {"id":"1410730201","key":13692,"value":575922},
- {"id":"1410715802","key":13711,"value":530472},
- {"id":"1410285601","key":13719,"value":519113},
- {"id":"1410382801","key":13733,"value":643227},
- {"id":"1410663601","key":13752,"value":360756},
- {"id":"1410318001","key":13781,"value":12162},
- {"id":"1410303601","key":13794,"value":582553},
- {"id":"1410301802","key":13799,"value":537375},
- {"id":"1410381001","key":13815,"value":649044},
- {"id":"1410307201","key":13855,"value":540777},
- {"id":"1410580801","key":13863,"value":319690},
- {"id":"1410629401","key":13879,"value":628879},
- {"id":"1410300001","key":13931,"value":573886},
- {"id":"1410548401","key":13931,"value":516468},
- {"id":"1410377401","key":13935,"value":620865},
- {"id":"1410661801","key":13936,"value":378767},
- {"id":"1410660001","key":13958,"value":385968},
- {"id":"1410656401","key":13962,"value":418759},
- {"id":"1410379201","key":13997,"value":662889},
- {"id":"1410658201","key":14009,"value":410836},
- {"id":"1410298202","key":14085,"value":579830},
- {"id":"1410728401","key":14103,"value":672699},
- {"id":"1410654601","key":14134,"value":428517},
- {"id":"1410568201","key":14157,"value":469734},
- {"id":"1410579001","key":14198,"value":328948},
- {"id":"1410564601","key":14206,"value":502923},
- {"id":"1410566401","key":14225,"value":477230},
- {"id":"1410309001","key":14234,"value":524688},
- {"id":"1410316201","key":14255,"value":375552},
- {"id":"1410570002","key":14270,"value":432714},
- {"id":"1410310801","key":14305,"value":559147},
- {"id":"1410577201","key":14315,"value":354629},
- {"id":"1410571801","key":14317,"value":407992},
- {"id":"1410573601","key":14322,"value":378434},
- {"id":"1410287401","key":14342,"value":544757},
- {"id":"1410652801","key":14360,"value":442693},
- {"id":"1410717601","key":14376,"value":572587},
- {"id":"1410631201","key":14412,"value":576262},
- {"id":"1410296401","key":14440,"value":698455},
- {"id":"1410562801","key":14478,"value":504902},
- {"id":"1410575401","key":14496,"value":365032},
- {"id":"1410314402","key":14510,"value":371725},
- {"id":"1410292801","key":14517,"value":687315},
- {"id":"1410550201","key":14528,"value":558150},
- {"id":"1410312601","key":14582,"value":359957},
- {"id":"1410294601","key":14631,"value":691488},
- {"id":"1410651001","key":14684,"value":464745},
- {"id":"1410289201","key":14751,"value":608915},
- {"id":"1410561001","key":14758,"value":518984},
- {"id":"1410726601","key":14771,"value":688990},
- {"id":"1410552001","key":14843,"value":579434},
- {"id":"1410719401","key":14884,"value":602735},
- {"id":"1410633001","key":14915,"value":565745},
- {"id":"1410291002","key":15010,"value":672531},
- {"id":"1410559201","key":15041,"value":515681},
- {"id":"1410649201","key":15091,"value":482448},
- {"id":"1410553801","key":15201,"value":603661},
- {"id":"1410724801","key":15203,"value":703515},
- {"id":"1410721201","key":15252,"value":636556},
- {"id":"1410557401","key":15276,"value":569423},
- {"id":"1410555601","key":15297,"value":615606},
- {"id":"1410723001","key":15394,"value":691279},
- {"id":"1410647401","key":15525,"value":523422},
- {"id":"1410634801","key":15590,"value":621515},
- {"id":"1410636601","key":15994,"value":653084},
- {"id":"1410645601","key":16088,"value":558694},
- {"id":"1410638401","key":16388,"value":669254},
- {"id":"1410643801","key":16420,"value":577282},
- {"id":"1410642001","key":16432,"value":637899},
- {"id":"1410640201","key":16538,"value":653242}
- ]}
- ***
- ***
- ***
- THAT GRAPH
- ***
- ***
- ***
- http://tinypic.com/r/vphq41/8
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement