pyppe.fi/playground.html at master · Pyppe/pyppe.fi · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
---
layout: page
language: en
permalink: /playground/
title: Playground (nothing to see here)
published: false
---

<div id="playground"></div>

<div id="playground-dna" style="position: relative;">
  <h3>
    Analyzed Finnish retweets (2.9M) from the past three months
    <small class="text-muted">(showing percentiles of time since the original tweet)</small>
    <!--
    <small class="text-muted">
      (joissa esiintyy teksti <code>president*</code> tai <code>vaali*</code>)
    </small>
    -->
  </h3>
  <!--
  <div class="alert alert-info" style="position: absolute; left: 60px; z-index: 9999;">
    Uniikkeja twiittaajia <b>19 885</b> <small>(twiittejä <b>68 778</b>)</small>
  </div>
  -->
</div>

<script type="text/javascript" src="/dist/js/custom/playground.js"></script>

<!--
<script>
'use strict';
$(function () {
  $(document).ready(function () {
    // Build the chart
    $('#playground').highcharts({
      //legend: { enabled: false },
      credits: false,
      chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
      },
      title: {
        text: 'Suomessa käytetyt Twitter-clientit'
      },
      subtitle: {
        text: '(data perustuu 20M twiittiin edelliseltä 7 kuukaudelta)'
      },
      tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
      },
      plotOptions: {
        pie: {
          allowPointSelect: true,
          cursor: 'pointer',
          dataLabels: {
            enabled: true,
            format: '<b>{point.name}</b>: {point.percentage:.1f} %'
          },
          showInLegend: true
        }
      },
      series: [{
        name: 'Brands',
        colorByPoint: true,
        data: [
          {
            name: 'Twitter Web Client (4,7M)',
            y: 4702035
          }, {
            name: 'Twitter for iPhone (4,5M)',
            y: 4548935
            //sliced: true,
            //selected: true
          }, {
            name: 'Twitter for Android (4,3M)',
            y: 4315685
          }, {
            name: 'Twitter for Windows Phone (997k)',
            y: 997007
          }
        ]
      }]
    });
  });
});
</script>
-->