-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (167 loc) · 11.5 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
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
<!DOCTYPE html>
<html lang='en'>
<head>
<title> DSC 106 Final Project</title>
<meta charset="UTF-8">
<meta name="author" content="Chaoran Li and Yang Li">
<link rel = 'stylesheet' href = 'style.css' />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Markazi+Text&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lora&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/variable-pie.js"></script>
<script src="https://code.highcharts.com/modules/item-series.js"></script>
<script src="https://code.highcharts.com/modules/sankey.js"></script>
<script src="final.js"></script>
</head>
<body onload="init()">
<br>
<div>
<h1 id = 'Title'>VALUABLE BUSINESS SCHOOL FOR CONSULTING</h1>
<hr style= " width:90%; background-color:#987cb9; height: 8px;">
</div>
<div>
<div class = 'flex-intro'>
<div class='intro_1'>
<p class = "intro"> Our project is about the relationships between top-tier business schools and top-tier consulting firms. We have analyzed the current employment status of those graduates from top-tier business schools. We also investigated their distribution across top-tier consulting firms.
<br><br>
</p>
<p class = 'intro'>
For schools, we've chosen 7 top business schools in the U.S., including:
</p>
<ul >
<li class="listSchool" style="margin-left: 150px;"> <a href='https://www.wharton.upenn.edu/' target="_blank">Wharton Business School at University of Pennsylvania</a></li>
<li class="listSchool" style="margin-left: 150px;"><a href ='https://www.hbs.edu/Pages/default.aspx' target="_blank">Harvard Business School at Harvard University</a></li>
<li class="listSchool" style="margin-left: 150px;"><a href ='https://www.gsb.stanford.edu/' target="_blank">Standford Graduate School of Business at Stanford University</a></li>
<li class="listSchool" style="margin-left: 150px;"><a href ='https://www.kellogg.northwestern.edu/' target="_blank">Kellogg School of Management at Northwestern University</a></li>
<li class="listSchool" style="margin-left: 150px;"><a href ='https://www.chicagobooth.edu/' target="_blank">Booth School of Business at University of Chicago</a></li>
<li class="listSchool" style="margin-left: 150px;"><a href ='https://home.gsb.columbia.edu/' target="_blank">Columbia Business School at Columbia University</a></li>
<li class="listSchool" style="margin-left: 150px;"><a href ='https://mitsloan.mit.edu/' target="_blank">Sloan School of Management at Massachusetts Institute of Technology(MIT)</a></li>
</ul>
<p class = "intro"> We've also chosen 3 well-known consulting companies:
</p>
<ul >
<li class="listSchool" style="margin-left: 150px;"><a href ='https://www.mckinsey.com/' target="_blank">McKinsey & Company (McKinsey)</a></li>
<li class="listSchool" style="margin-left: 150px;"><a href ='https://www.bcg.com/en-us/' target="_blank">Boston Consulting Group (BCG)</a></li>
<li class="listSchool" style="margin-left: 150px;"><a href ='https://www.bain.com/' target="_blank">Bain & Company (Bain)</a></li>
</ul>
<p class = "intro">
Through our visualization, we demonstrated the distribution of business school graduates who are currently working for the 3 consulting companies chosen. We have found many interesting points.
<br>
<br>
</p>
<h3 class = "intro">Let's navigate through it!!</h3>
</div>
<div class='intro_2'>
<figure>
<img src = 'logo/People.jpg' style='width: 500px; margin-left: 80px; margin-top: 100px;' alt="people">
<figcaption style="text-align: center; margin-left: 100px;">Source: poetsandquants</figcaption>
</figure>
</div>
</div>
</div>
<br>
<hr style= " width:90%; background-color:#987cb9; height: 2px;">
<div>
<br>
<br>
<br>
<br>
<div id="parliament_container"></div>
<br>
<br>
<br>
<p class = "body-p">
We first analyze the employee data distribution for all 3 companies. We noticed that over 60% of data collected from the current employees at McKinsey, BCG, and Bain are from Wharton Business School, Harvard Business School, and Kellogg School of Management. Wharton Business School takes the lead with over 1900 business school graduates.
</p>
<br>
<br>
<br>
</div>
<hr style= " width:90%; background-color:#987cb9; height: 2px;">
<div>
<br>
<br>
<section class='flex-school'>
<ul class= 'school-logos'>
<li><a onclick='school_pie_draw("Wharton")'><img src='logo/Wharton.png' style="width: 150px;" alt="Wharton-logo"></a></li>
<li><a onclick='school_pie_draw("HBS")'><img src='logo/HBS.jpg' style="width: 150px;" alt="HBS-logo"></a></li>
<li><a onclick='school_pie_draw("Standford GSB")'><img src='logo/GSB.png' style="width: 150px;" alt="Standford-logo"></a></li>
<li><a onclick='school_pie_draw("Kellogg")'><img src='logo/Kellogg.jpg' style="width: 150px;" alt="Kellogg-logo"></a></li>
<li><a onclick='school_pie_draw("Booth")'><img src='logo/ChicagoBooth-businessschool.png' style="width: 150px;" alt="Booth-logo"></a></li>
<li><a onclick='school_pie_draw("CBS")'><img src='logo/columbia_business_school.jpg' style="width: 150px;" alt="CBS-logo"></a></li>
<li><a onclick='school_pie_draw("Sloan")' ><img src='logo/sloan.jpg' style="width: 150px;" alt="Sloan-logo"></a></li>
</ul>
<br>
<br>
<br>
</section>
<div class='school-pie'>
<div id="pie_container" ></div>
<p class="note"><i>Note: Click the school logo to see a detailed pie chart.</i></p>
<br>
<br>
<p class="body-p">As we go through the pie charts, among the current employees working at MBB, we can see the number of graduates working at McKinsey is much higher than Bain and BCG in each school. It seems very reasonable because the total number of employees is different. According to Wikipedia, McKinsey has approximately 27,000 employees; BCG has approximately 21,000 employees, and Bain has approximately 10,500 employees.
</p>
<p class="body-p">
When it comes to the individual school, we think they have a similar distribution in three companies. Some schools have different proportions, but none of those are significantly different.
</p>
<br>
<br>
<br>
<hr style= " width:90%; background-color:#987cb9; height: 2px;">
</div>
</div>
<div>
<div class="firm-flex">
<div class="firm-logo"><img src="logo/Mckinsey.jpeg" class="center" alt="Mckinsey-logo"></div>
<div class="firm-logo"><img src="logo/Bain.png" class="center" alt="Bain-logo"></div>
<div class="firm-logo"><img src="logo/BCG.png" class="center" alt="BCG-logo"></div>
</div>
<div id="firm-barchart" style="height: 450px; width: 75vw;"> </div>
<br>
<p class="body-p">According to our data, McKinsey possesses nearly 3,500 employees from top-tier business schools; BCG has nearly 2,500; Bain has around 2,000. As we can notice, Mckinsey and BCG have nearly 2-3 times the total number of employees compared to Bain, which is consistent with the fact.
</p>
<p class="body-p">
By comparing the proportion of employees in each company for each school, we think they are relatively stable. We did not find any evidence that a particular company likes to hire graduates from one of the schools(Ex. Company A likes to hire graduates from school C much more than company B). We can also notice that Wharton business school, Harvard business school, and Kellogg School of Management perform much better compared to other schools in this chart.
</p>
<br>
</div>
<div>
<hr style= " width:90%; background-color:#987cb9; height: 2px;">
<br><br>
<div id = 'sanky_container' style="width: 1000px;"></div>
<br>
<p class="body-p">
To better understand the flow and employment distribution we have used the Sankey diagram above. The width of each bar is proportional to the number of employees from that company or the number of graduates from that school. Please feel free to explore the diagram to see the exact number.
</p>
<br>
<br>
<hr style= " width:90%; background-color:#987cb9; height: 2px;">
</div>
<div>
<h3 class = "body-p">
<b>Findings:</b>
</h3>
<ul style="margin-left: 100px;">
<li class="listSchool" style="margin-left: 150px;">Wharton Business School (1,882), Harvard Business School(1,740), and Kellogg School of Management (1,242) take a lead in contributing graduates to top-tier consulting firms.
</li>
<li class="listSchool" style="margin-left: 150px;">For each individual school, we find they have a similar distribution of employment in three companies.
</li>
<li class="listSchool" style="margin-left: 150px;"> For each company, we did not find evidence that any of them have a particular interest in one school. (Ex. Company A likes to hire graduates from school C much more than company B.)
</li>
</ul>
<br>
<br><br>
</div>
<br>
<p class="body-f">Authors: Yang Li & Chaoran Li </p>
<p class="body-f">We would like to thank Arrow Zou for providing the data. </p>
<p class="body-f">Data Source: LinkedIn collected on Nov. 11, 2020</p>
</body>
</html>