-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (102 loc) · 6.41 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="copyright" content="©2017-2026 Winhows5. All rights reserved.">
<title>FilmsInTenYears</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/d3.css">
<script src="https://d3js.org/d3.v4.min.js"></script>
<link rel="icon" type="image/png" href="/img/icon.png">
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid cover">
<img class="img-fluid screenshot" id="screenshot" src="img/bg-title.jpg" />
</div>
<div class="container-fluid odd" id="section1">
<div class="row">
<div class="col-md-12">
<p class="lead">
In the past ten years, numerous outstanding domestic and foreign films have sprung up in the Chinese film market. In order to observe the characteristics of the movie market, the chart was drawn to show the box office per ten days of every film in every
year between 2008 to 2017(data source:<a href="https://www.cbooo.cn">cbooo.cn</a>, <a href="https://www.boxofficemojo.com">IMDb.com</a>). As a whole, the box office market shows obvious periodicity between years
and growth trend. And more details will be discussed below.<br>(It should be noted that the data for 2017 ended August 20th)</p>
</div>
</div>
<div class="row">
<div class="col-md-12 chart0-bar">
</div>
</div>
</div>
<div class="container-fluid even" id="section2">
<div class="container">
<div class="row">
<div calss="col-md-12">
<h3>Is the competitiveness of China films improving?</h3>
<p class="lead">The <i>Wolf Warriors Ⅱ</i> fiery patriotism ignited a collective release, at the same time people also cheered the great breakthrough of domestic films. We would like to take this opportunity to objectively judge the development of
box office market of China from the data.<br> In the past ten years, domestic box office and non-domestic box office were shown on the bottom chart --box office by year.It's clear that the proportion of domestic films did not increase
significantly on the ten year scale in spite of the increase of the amount,<br> (data source:<a href="https://www.cbooo.cn">cbooo.cn</a>, <a href="https://www.boxofficemojo.com">IMDb.com</a>)</p>
</div>
</div>
<div class="row">
<div class="col-md-7 chart1-bar">
</div>
<div class="col-md-4 col-md-offset-1">
<p class="lead"><br>More narrowly, all the box office grow over the previous year except in 2016, even in 2017 which data statistics only to August 20th.At the same time, the domestic film box office ratio has been maintained at 50% up and down, as
shown by the light orange line.<br>According to these data, it's easy to get the conclusion that the competitiveness of domestic films in China's box office market have not improved significantly.</p>
</div>
</div>
</div>
</div>
<div class="container-fluid odd" id="section3">
<div class="row">
<div class="col-md-4">
<h3>What is the impact of policy on films?</h3>
<p class="lead">
In fact, the proportion of 50% of China films is really high, considering the contrast with films from all over the world. Therefore, it is reasonable to assume that this is the result of external forces. In order to verify this conjecture, the box office
data for 12 months a year was calculated and displayed on the following chart, there are 2 lines for the whole box and foreign films box only from 2008 to 2017.</p>
</div>
<div class="col-md-7 col-md-offset-1 chart2-line">
<p id="menu">Select years: <select>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option></select>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p class="lead"> </p>
<p class="lead"> <br></p>
<p class="lead">Those two points could be easily summed up:<br> · The whole box office has a wave of peaks in February, August and October almost every year<br> · The foreign film box office hit bottom in February, August and October almost every year<br> The reason for the first point could be that they are in the new year, summer vacation and national day respectively. What is interesting is that the whole box goes peaks while the foreign film box hit the bottom, which is likely that
some related national policies are protecting domestic films' box office, e.g. <i>China film protection month</i>.
</p>
</div>
</div>
</div>
<div class="container-fluid footer">
<div class="row">
<div class="col-md-6 col-md-offset-0">
Copyright <a href="https://github.com/winhows5" target="_blank">Winhows5</a> © 2017.
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
</body>
<script src="js/chart0-bar.js"></script>
<script src="js/chart1-bar.js"></script>
<script src="js/chart2-line.js"></script>
</html>