-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.html
231 lines (195 loc) · 10.4 KB
/
team.html
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Shadows+Into+Light+Two" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Slab" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Josefin+Slab" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Puritan" rel="stylesheet">
<link href="./stylesheets.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class='header_with_image_nav' id="myHeader">
<p class="team_name"> gradient<span class="style_s">S</span></p>
<div class="nav">
<ul class="nav_list">
<li><a href="./bowling.html">Bowling</a></li>
<li><a href="./batting.html">Batting</a></li>
<li><a href="#" style="color:orange; font-weight:bolder;">Team</a></li>
<li><a href="./index.html">Home</a></li>
</ul>
</div>
<img class="ipl_logo" src="./Indian_Premier_League.png">
</div>
<div class="content_team">
<div class="team_details">
<div>
<iframe width="700" height="400" frameborder="0" scrolling="no" src="https://plot.ly/~venuchalla/47.embed"></iframe>
<div class="team_cards">
<h style="font-size:23px; font-weight:bold; font-family: 'Covered By Your Grace', cursive; color:white;">Winning percent of Matches for the teams.</h>
<br>
<p style="font-weight:bold; font-family:'Puritan', sans-serif;">This graph plots the overall teams matchs played verse winning also displays the winning percentage. Here we can see the though MI has played more matches CSK got winning percent more.</p>
<br>For <button>Code</button>
</div>
</div>
<div class="">
<div class="team_cards">
<h style="font-size:23px; font-weight:bold; font-family: 'Covered By Your Grace', cursive; color:white;">Number of matches played in each city</h>
<br>
<p style="font-weight:bold; font-family:'Puritan', sans-serif;">Plot shows Mumbai hosted more number of matches till 2017.</p>
<br>For <button>Code</button>
</div>
<iframe width="700" height="500" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/3.embed"></iframe>
</div>
<div class="">
<iframe width="600" height="400" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/5.embed"></iframe>
<div class="team_cards">
<h style="font-size:23px; font-weight:bold; font-family: 'Covered By Your Grace', cursive; color:white;">Top 5 Umpires in IPL</h>
<br>
<p style="font-weight:bold; font-family:'Puritan', sans-serif;">We can see Dhramsena and Ravi are standing in most of the matches.</p>
<br>For <button>Code</button>
</div>
</div>
<div class="">
<div class="team_cards">
<h style="font-size:23px; font-weight:bold; font-family: 'Covered By Your Grace', cursive; color:white;">Toss winning in percentage</h>
<br>
<p style="font-weight:bold; font-family:'Puritan', sans-serif;">Plot is about in the overall matches played what is percentage of winning toss.</p>
<br>For <button>Code</button>
</div>
<iframe width="750" height="400" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/9.embed"></iframe>
</div>
<div class="">
<iframe width="500" height="500" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/11.embed"></iframe>
<div class="team_cards">
<h style="font-size:23px; font-weight:bold; font-family: 'Covered By Your Grace', cursive; color:white;">Toss winners Decision</h>
<br>
<p style="font-weight:bold; font-family:'Puritan', sans-serif;">Pie plot tell most of the toss winners choose to field first. In further plots lets see the winning rate for each of the decisions.</p>
<br>For <button>Code</button>
</div>
</div>
<div class="">
<div class="team_cards">
<h style="font-size:23px; font-weight:bold; font-family: 'Covered By Your Grace', cursive; color:white;">Home City and Non Home City</h>
<br>
<p style="font-weight:bold; font-family:'Puritan', sans-serif;">Plots shows that teams winning the matches out of home city and in the own home city. They all had higher match winnings out of home city.</p>
<br>For <button>Code</button>
</div>
<iframe width="750" height="400" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/15.embed"></iframe>
</div>
<div class="">
<div style="display:inline-block;"><iframe width="630" height="400" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/17.embed"></iframe></div>
<div style="display:inline-block;"><iframe width="630" height="400" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/19.embed"></iframe></div>
<div class="" style="width:100%;">
<h style="font-size:23px; font-weight:bold; font-family: 'Covered By Your Grace', cursive; color:white;">Match winning and Losing vs toss decisions</h>
<br>
<p style="font-weight:bold; font-family:'Puritan', sans-serif;">Graph states that in two different toss decisions either bat first or field first how many matches the teams won and lost.</p>
<br>For <button>Code</button>
</div>
</div>
<div class="">
<iframe width="700" height="500" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/21.embed"></iframe>
<div class="team_cards">
<h style="font-size:23px; font-weight:bold; font-family: 'Covered By Your Grace', cursive; color:white;">Duckworth Lewis method</h>
<br>
<p style="font-weight:bold; font-family:'Puritan', sans-serif;">The Duckworth Lewis (D/L) method is a mathematical formulation designed to calculate the target score for the team batting second in a limited overs cricket match interrupted by weather or other circumstances. The calculation
dependends on two resources like how many overs and wickets they have. My graph shows which teams played in D/L method and what are the chances of winning in innings-1 and 2. </p>
<br><button>Code</button>
</div>
</div>
<br><br><br>
<div class="">
<div class="team_cards">
<h class="graph_heading">Association b/n Toss decision and winning matches</h>
<br>
<p class="graph_content_explanation">Graph shows that many times the teams who won the match choosen their decision as the fielding.
Secondly, it shows from past data that batting decision had less loosing chance compared to fielding as the toss decision. So lets find the Chi square association and see that is there any correlation between toss decision and the winner variables.</p>
<table>
<caption>Observed values</caption>
<tr>
<th>
<b>Toss decision</b>
</th>
<th>
<b>Loss</b>
</th>
<th>
<b>Win</b>
</th>
<th>
<b>Row total</b>
</th>
</tr>
<tr>
<td>
<i>Bat</i>
</td>
<td>
149
</td>
<td>
124
</td>
<td>
273
</td>
</tr>
<tr>
<td><i>field</i></td> <td>162</td> <td>201</td> <td>363</td>
</tr>
<tr>
<td><b>Column total</b></td> <td>311</td> <td>325</td> <td><b>636</b></td>
</tr>
</table>
<br>
<table>
<caption>Expected Values</caption>
<th><b>Toss decision</b></th>
<th><b>Loss</b></th>
<th><b>Win</b></th>
<tr>
<td><i>Bat</i></td>
<td>133.49</td>
<td>139.50</td>
</tr>
<tr>
<td><i>Bowl</i></td>
<td>177.50</td>
<td>185.49</td>
</tr>
</table>
<p class="graph_content_explanation">Chi-Square: <span style="font-family:'Puritan', sans-serif; color:red; font-size:20px; ">5.784</span></p>
<p class="graph_content_explanation"><i>p</i>-Value: <span style="font-family:'Puritan', sans-serif; color:red; font-size:20px;">0.016</span> Its less than 0.05 so significant. Since there relation ship between the toss decision and winning the match.</p>
<br><button>Code</button>
</div>
<iframe width="700" height="500" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/23.embed"></iframe>
</div>
<div class="">
<iframe width="700" height="500" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/25.embed"></iframe>
<div class="team_cards">
<h class="graph_heading">Distribution of Team scores in 1<sup>st</sup> innings </h>
<br>
<p class="graph_content_explanation">We can see in this scores distribution CSK got very good distribution with no outliers meant that there
scoring patterns are quit good with little right skew. Also we can see the RCB got few outliers by scoring very maximum scores and also 3<sup>rd</sup> least score in overall career.</p>
<br><button>Code</button>
</div>
</div>
<div class="">
<div class="team_cards">
<h class="graph_heading">Distribution of Team scores in 2<sup>nd</sup> innings </h>
<br>
<p class="graph_content_explanation">We can see in this scores distribution MI got very good distribution with no outliers meant that there
scoring patterns are quit good. We can see most of the top teams have a good distribution of chasing scores.</p>
<br><button>Code</button>
</div>
<iframe width="700" height="500" frameborder="0" scrolling="no" src="https://plot.ly/~VenuGopalShetty/27.embed"></iframe>
</div>
<div class="">
</div>
</div>
</div>
</body>
</html>