-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (56 loc) · 2.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>D3 Page Template</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<div style="width:97%; margin:0 auto">
<div style="text-align:center">
<div class="page-header">
<h1>Young Adults in US</h1>
</div>
<p>
Sometimes we may wonder what do young generation have in common in United States, how they change now and then. do they get higher and higher education? do they live with parents or own their own house? Then, this visualization could answer these questions. We get the data of young adults in several aspects, for example, the young adults population, race distribution, education level, get married or not, income level, occupation and so on. Besides, we get the specific data from different states and in different time period, specifically, with the data per ten years. Hence, by this visualization, we could get a more clear understanding of the American young adults. In addition, we could also find some trend that may be maintained or expanded in the near future.
</p>
</div>
</div>
<div style="text-align:center">
<h4 style="font-weight: bold"><br/>Created by</h4>
<p>
Wenting Zhu
<br>
email: wzhu21@ucsc.edu
</p>
<h4 style="font-weight: bold"><br/>Designed for</h4>
<p id="myParagraph">CMPS 263: Data Visualization, Spring 2018</p>
<br/>
</div>
<div style="width:90%; margin:0 auto">
<div style="width:350px;height:500px;float:left">
<h4 style="font-weight: bold"> Data Sources</h4>
<p>U.S Census official website
<a href=https://www.census.gov/censusexplorer>https://www.census.gov/censusexplorer/</a>
</p>
</div>
<div style="width:350px;height:500px;float:left">
<h4 style="font-weight: bold">Visualization Sources</h4>
<p>
Data Driven Documents<br/>
<a href="https://d3js.org/">https://d3js.org/</a>
<br/><br/> ECharts<br/>
<a href="http://echarts.baidu.com/">http://echarts.baidu.com/</a>
<br/><br/>Dygraphs<br/>
<a href="http://dygraphs.com/">http://dygraphs.com/</a>
</p>
</div>
<div style="width:350px;height:500px;float:left">
<h4 style="font-weight: bold">References</h4>
<p>
<a href="http://dygraphs.com/">Further details here</a>
</p>
</div>
</div>
</body>
</html>