-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
50 lines (46 loc) · 2.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
</head>
<body id="text-page">
<script src="https://d3js.org/d3.v7.min.js"></script>
<h2 id="text-page-heading">
Is the fate of your TED talk beyond your control? Your background matters!
</h2>
<p id="text-page-content">
A British blogger turned comedian and a popular Bollywood actor deliver TED talks. Which one do you think would be more
popular, and garner more views? Think again, because you might not have guessed correctly the first time. <br> <br>
Answer: it is the blogger. <br> <br>
Over the past decade and a half, TED talks have increasingly grown in popularity, with the most-viewed TED talk
of all time having more than 76 million views. While much has been explored as a key to delivering a successful
TED talk - pick a good topic, keep it simple, tell a story - not much has been explored about inherent aspects of the speaker that drive views.
We want to explore whether part of the fate of a TED talk might have been decided even before it is delivered. <br> <br>
Our backgrounds play an extremely pivotal role in shaping us, and we want to examine whether different aspects of
one's background can impact the popularity of their TED talk. <br> <br>
To answer our question, we will guide you through three different interactive visualizations, each one delving
into a different aspect of the speaker’s background - Professional Background, Geographical Background,
and Cultural Background. <br> <br>
<em>Note: The dataset we have chosen contains information about TED talks from 2006-2017, so some of the data might not reflect the most recent trends. <br> <br></em>
<br> <br>
<span class="funfact">Fun fact: One of CS448B's own, Ananya, actually delivered <a href="https://youtu.be/qNQtv2KMS-c?feature=shared" style="color: rgb(0,118,196); pointer-events: visible">a TED Talk</a> 7 years ago!</span>
<script>
document.addEventListener('keyup', function(event) {
if (event.key === 'ArrowRight') {
window.location.href = 'professions.html';
}
});
</script>
<div class="keyboard-container">
<a href="professions.html" id="link-lang" class="keyboard-navigation" style="right: 10px;">Use the keyboard to navigate</a>
<div class="arrow-keys">
<span class="arrow-key">←</span>
<span class="arrow-key">→</span>
</div>
</div>
</body>
</html>