Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
614 lines (578 sloc) 27.3 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="OSWINDS">
<meta name="keyword" content="Fixing, Sports, Analytics, Data, Twitter, YouTube, Corruption, Match, Pakistan, Cricket">
<title>TWEETFIX</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!--external css-->
<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
<link rel="stylesheet" href="http://cdn.anychart.com/css/latest/anychart-ui.css">
<!-- Custom styles for this template -->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/style-responsive.css" rel="stylesheet">
<script src="http://cdn.anychart.com/js/latest/anychart.min.js" type="text/javascript"></script>
<script src="http://cdn.anychart.com/js/latest/anymap.min.js" type="text/javascript"></script>
<script src="http://cdn.anychart.com/geodata/1.2.0/custom/world_source/world_source.js"></script>
<script src="assets/js/customJS.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<section id="container" >
<!-- **********************************************************************************************************************************************************
TOP BAR CONTENT & NOTIFICATIONS
*********************************************************************************************************************************************************** -->
<!--header start-->
<header class="header black-bg">
<div class="sidebar-toggle-box">
<div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
</div>
<!--logo start-->
<a href="index.html" class="logo"><b>FIX THE TWITTER</b></a>
<!--logo end-->
<div class="nav notify-row" id="top_menu">
</div>
<div class="top-menu">
<ul class="nav pull-right top-menu">
<div class="row">made by <a href="http://oswinds.csd.auth.gr" class="top-menu-oswinds" target="_blank">OSWINDS</a></div>
<div class="row top-menu-social-media">
<a href="https://github.com/OSWINDS" target="_blank"><i class="fa fa-github pull-right"></i></a>
<a href="#" target="_blank"><i class="fa fa-linkedin pull-right"></i></a>
<a href="https://www.facebook.com/oswinds/" target="_blank"><i class="fa fa-facebook pull-right"></i></a>
<a href="https://twitter.com/oswinds_auth" target="_blank"><i class="fa fa-twitter pull-right"></i></a>
</div>
</ul>
</div>
</header>
<!--header end-->
<!-- **********************************************************************************************************************************************************
MAIN SIDEBAR MENU
*********************************************************************************************************************************************************** -->
<!--sidebar start-->
<aside>
<div id="sidebar" class="nav-collapse ">
<!-- sidebar menu start-->
<ul class="sidebar-menu" id="nav-accordion">
<li class="mt">
<a href="index.html">
<i class="fa fa-home"></i>
<span>Home</span>
</a>
</li>
<li class="sub-menu">
<a class="active" href="javascript:;" >
<i class="fa fa-bar-chart"></i>
<span>Cases</span>
</a>
<ul class="sub">
<li><a href="general.html">General</a></li>
<li><a href="djokovic.html">N. Djokovic</a></li>
<li><a href="donaghy.html">T. Donaghy</a></li>
<li><a href="football.html">Southern Stars</a></li>
<li class="active"><a href="cricket.html">Pakistani Cricket</a></li>
<li><a href="taboga.html">D. Taboga</a></li>
</ul>
</li>
<li class="sub-menu">
<a href="lexicon.php">
<i class="fa fa-book"></i>
<span>Lexicon</span>
</a>
</li>
<li class="sub-menu">
<a href="about.html">
<i class="fa fa-desktop"></i>
<span>About</span>
</a>
</li>
</ul>
<!-- sidebar menu end-->
</div>
</aside>
<!--sidebar end-->
<!-- **********************************************************************************************************************************************************
MAIN CONTENT
*********************************************************************************************************************************************************** -->
<!--main content start-->
<section id="main-content">
<section class="wrapper site-min-height">
<h2><i class="fa fa-angle-right"></i> Pakistan cricket spot-fixing Case</h2>
<!-- FIRST ROW: INTRO / LINE CHART / TAG CLOUD / INFOBOX -->
<div class="row mt">
<div class="col-lg-9 col-md-9 col-sm-9">
<!-- INTRO TO THE CASE -->
<div class="row">
<p class="intro intro-cases">
This scandal of 2010 centres on certain members of Pakistan’s national cricket team being convicted of taking bribes from a bookmaker,
Mazhar Majeed, to under-perform deliberately at certain times in a Test match at Lord's Cricket Ground, London, in 2010. More specifically,
some reporters videotaped the bookmaker accepting money and informing the reporters that some players would deliberately bowl no balls at
specific points in an over. Three cricket players were banned and convicted for this case; Salman Butt, Mohammad Asif and Mohammad Amir.
</p>
<p class="query-words">
Query Words:
<span class="label label-danger">cricket</span>
<span class="label label-danger">Asif</span>
<span class="label label-danger">Amir</span>
<span class="label label-info">fixing</span>
<span class="label label-info">betting</span>
<span class="label label-info">corruption</span>
<span class="label label-info">bet</span>
<span class="label label-info">fix</span>
<span class="label label-info">scandal</span>
</p>
</div>
<!-- TWEETS PER MONTH PLOT -->
<div class="row mt case-charts">
<h4><i class="fa fa-angle-right"></i> Tweets per Month <i class="fa fa-info-circle infopop-icon"></i> </h4>
<div class="infopop">
<p>Contains the count of tweets submitted every month during the researching period.</p>
</div>
<div class="panel-body">
<div id="date-graph" class="graph"></div>
</div>
</div>
<!-- SENTIMENT PER MONTH PLOT -->
<div class="row mt case-charts">
<h4><i class="fa fa-angle-right"></i> Sentiment per Month <i class="fa fa-info-circle infopop-icon"></i> </h4>
<div class="infopop">
<p>Contains information about the scores of six basic sentiments (Anger, Disgust, Fear, Joy, Sadness &amp; Surprise), on each month.</p>
</div>
<div class="panel-body">
<div id="sentiment-graph" class="graph"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<!-- GENERAL INFO -->
<div class="content-panel case-right">
<h4><i class="fa fa-angle-right"></i> Infobox</h4>
<div class="panel-body ">
<div class="row panel-body-less-padding">
<div class="box0 box1">
<span class="fa fa-twitter"></span>
<h3>2926</h3>
<p>2926 distinct tweets</p>
</div>
</div>
<div class="row">
<div class="box0 box1">
<span class="fa fa-youtube"></span>
<h3>401</h3>
<p>401 distinct Youtube comments</p>
</div>
</div>
<div class="row">
<div class="box0 box1">
<span class="fa fa-user"></span>
<h3>1371</h3>
<p>1371 distinct users (1010 from Twitter and 361 from YouTube)</p>
</div>
</div>
<div class="row">
<div class="box0 box1">
<span class="fa fa-list"></span>
<h3>4974</h3>
<p>4974 distinct words</p>
</div>
</div>
<div class="row">
<div class="box0 box1">
<span class="fa fa-calendar-o"></span>
<h4>31/08/2015 to 01/06/2016</h4>
<p>The time frame of the data is 9 months</p>
</div>
</div>
<!-- SENTIMENT ANALYSIS SCORES -->
<div class="row">
<div class="box0 box1 box-SA">
<h3>Sentiment: <span style="font-size: 32px; color: #ac92ec;">Fear</span></h3>
<p>The overall score of our sentiment analysis indicated the main sentiment of the users was Fear.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SECOND ROW: TAG CLOUD - WORDS -->
<div class="row mt case-charts">
<h4><i class="fa fa-angle-right"></i> Most Frequent Words <i class="fa fa-info-circle infopop-icon"></i> </h4>
<div class="col-md-3">
<table class="table table-hover mt">
<thead>
<tr>
<th>#</th>
<th>Word</th>
<th>Frequency</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>cricket</td>
<td>4519</td>
</tr>
<tr>
<td>3</td>
<td>bet</td>
<td>3126</td>
</tr>
<tr>
<td>2</td>
<td>corruption</td>
<td>2085</td>
</tr>
<tr>
<td>5</td>
<td>fix</td>
<td>1630</td>
</tr>
<tr>
<td>4</td>
<td>pakistani</td>
<td>1299</td>
</tr>
<tr>
<td>6</td>
<td>match</td>
<td>768</td>
</tr>
<tr>
<td>7</td>
<td>free</td>
<td>676</td>
</tr>
<tr>
<td>8</td>
<td>pakistan</td>
<td>663</td>
</tr>
<tr>
<td>9</td>
<td>twitter</td>
<td>555</td>
</tr>
<tr>
<td>10</td>
<td>amir</td>
<td>520</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-9">
<div class="infopop">
<p>Contains the most frequent distinct words as extracted from the final data during the researching period.</p>
</div>
<div class="panel-body">
<div class="tag-cloud">
<script src="http://cdn.tagul.com/embed/d04h0iyqzkvm"></script>
</div>
</div>
</div>
</div>
<!-- THIRD ROW: TAG CLOUDS - HASHTAGS & MENTIONS / BUBBLE CHART / LOCATION MAP -->
<div class="row mt case-charts">
<!-- TAG CLOUD - HASHTAGS -->
<div class="col-md-9">
<h4><i class="fa fa-angle-right"></i> Most Frequent Hashtags <i class="fa fa-info-circle infopop-icon"></i> </h4>
<div class="infopop">
<p>Contains the most frequent distinct hashtags as extracted from the final data. The table shows the top10 of the hashtags along with their frequencies.</p>
</div>
<div class="tag-cloud">
<script src="http://cdn.tagul.com/embed/5a0mw0lmepat"></script>
</div>
</div>
<!-- TABLE OF MOST FREQUENT HASHTAGS -->
<div class="col-md-3">
<table class="table table-hover mt">
<thead>
<tr>
<th>#</th>
<th>Word</th>
<th>Frequency</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>#cricket</td>
<td>481</td>
</tr>
<tr>
<td>2</td>
<td>#pakistan</td>
<td>237</td>
</tr>
<tr>
<td>3</td>
<td>#IPL</td>
<td>197</td>
</tr>
<tr>
<td>4</td>
<td>#WT20</td>
<td>133</td>
</tr>
<tr>
<td>5</td>
<td>#news</td>
<td>126</td>
</tr>
<tr>
<td>6</td>
<td>#IPL2016</td>
<td>123</td>
</tr>
<tr>
<td>7</td>
<td>#T20</td>
<td>113</td>
</tr>
<tr>
<td>8</td>
<td>#inplaymagic</td>
<td>105</td>
</tr>
<tr>
<td>9</td>
<td>#bet</td>
<td>88</td>
</tr>
<tr>
<td>10</td>
<td>#TENNIS</td>
<td>81</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row mt case-charts">
<h4><i class="fa fa-angle-right"></i> Most Frequent Users &amp; Mentions / Location Map <i class="fa fa-info-circle infopop-icon"></i> </h4>
<div class="infopop">
<p>The bubble chart contains the most frequent users that tweeted about the event, the tagcloud contains the most frequent mentions included in the tweets and the choropleth map shows the locations that interacted with the tweet.</p>
</div>
<!-- BUBBLE CHART - MENTIONS -->
<!-- <div class="col-lg-4">
<img src="images/users-freq.jpg"/>
</div> -->
<!-- TABLE OF MOST FREQUENT USERS -->
<div class="col-md-3 col-md-offset-1">
<table class="table table-hover mt">
<thead>
<tr>
<th>#</th>
<th>Word</th>
<th>Frequency</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>@TheRealPCB</td>
<td>12</td>
</tr>
<tr>
<td>2</td>
<td>@mak_asif</td>
<td>12</td>
</tr>
<tr>
<td>3</td>
<td>@YouTube</td>
<td>9</td>
</tr>
<tr>
<td>4</td>
<td>@ICC</td>
<td>8</td>
</tr>
<tr>
<td>5</td>
<td>@iamamirofficial</td>
<td>6</td>
</tr>
<tr>
<td>6</td>
<td>@MHafeez22</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>@AzharAli_</td>
<td>5</td>
</tr>
<tr>
<td>8</td>
<td>@faizanlakhani</td>
<td>5</td>
</tr>
<tr>
<td>9</td>
<td>@azkhawaja1</td>
<td>5</td>
</tr>
<tr>
<td>10</td>
<td>@karachikhatmal</td>
<td>5</td>
</tr>
</tbody>
</table>
</div>
<!-- TAG CLOUD - USERS -->
<div class="col-lg-8 tag-cloud">
<script src="http://cdn.tagul.com/embed/g4f6h65tlxv4"></script>
</div>
</div>
<div class="row mt case-charts">
<!-- BUBBLE CHART - MENTIONS -->
<div class="col-md-offset-1 col-md-8 bubble-chart">
<img src="images/bubble-cricket.png"/>
</div>
<!-- TABLE OF MOST FREQUENT MENTIONS -->
<div class="col-md-3">
<table class="table table-hover mt">
<thead>
<tr>
<th>#</th>
<th>Word</th>
<th>Frequency</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>@TheRealPCB</td>
<td>12</td>
</tr>
<tr>
<td>2</td>
<td>@mak_asif</td>
<td>12</td>
</tr>
<tr>
<td>3</td>
<td>@YouTube</td>
<td>9</td>
</tr>
<tr>
<td>4</td>
<td>@ICC</td>
<td>8</td>
</tr>
<tr>
<td>5</td>
<td>@iamamirofficial</td>
<td>6</td>
</tr>
<tr>
<td>6</td>
<td>@MHafeez22</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>@AzharAli_</td>
<td>5</td>
</tr>
<tr>
<td>8</td>
<td>@KP24</td>
<td>4</td>
</tr>
<tr>
<td>9</td>
<td>@mirzaiqbal80</td>
<td>4</td>
</tr>
<tr>
<td>10</td>
<td>@Saj_PakPassion</td>
<td>4</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- FREQUENT LOCATIONS MAP -->
<div class="row mt case-charts">
<div class="map" id="map"></div>
<script>
anychart.onDocumentReady(
function() {
map = anychart.map();
// insert data
var dataSet = anychart.data.set([
{'id': 'US', 'value': 22},
{'id': 'IN', 'value': 8},
{'id': 'PK', 'value': 5},
{'id': 'ZA', 'value': 2},
{'id': 'NZ', 'value': 2},
{'id': 'GB', 'value': 1},
{'id': 'GH', 'value': 1},
{'id': 'NL', 'value': 1},
{'id': 'BW', 'value': 1},
{'id': 'CM', 'value': 1}
]);
// create choropleth series
series = map.choropleth(dataSet);
// set geoIdField to 'id', this field contains in geo data meta properties
series.geoIdField('id');
// set map color settings
series.colorScale(anychart.scales.linearColor('#effbfd', '#68dff0'));
series.hoverFill('#ed5565');
// disable countries' labels
series.labels(false);
// set map title
map.title().enabled(true).text('Most Frequent Locations talking about Match Fixing\n');
// set geo data, you can find this map in our geo maps collection
// http://cdn.anychart.com/#maps-collection
map.geoData(anychart.maps['world_source']);
//set map container id (div)
map.container('map');
//initiate map drawing
map.draw();
// anychart.installStyles('body{font-family:Verdana,\'Helvetica Neue\',Arial,Helvetica,Geneva,sans-serif;background-color:red;}');
});
</script>
</div>
</section><!--/wrapper -->
</section><!-- /MAIN CONTENT -->
<!--main content end-->
<!--footer start-->
<footer class="site-footer">
<div class="text-center">
© 2016 <a href="http://oswinds.csd.auth.gr" target="_blank">OSWINDS</a>, Source Code can be found <a href="https://github.com/OSWINDS/FixtheFixing-Twitter-Analytics-Results" target="_blank">here</a>
<a href="cricket.html#" class="go-top">
<i class="fa fa-angle-up"></i>
</a>
</div>
</footer>
<!--footer end-->
</section>
<!-- js placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script class="include" type="text/javascript" src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>
<!--common script for all pages-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<script src="assets/js/common-scripts.js"></script>
<!--script for this page-->
<script src="assets/js/morris/morris-cricket.js"></script>
</body>
</html>