forked from NCSUWebClass/spring14-rprviz1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvisuals.html
83 lines (81 loc) · 3.4 KB
/
visuals.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
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
<!--
@import url('style.css');
-->
</style>
<meta charset="utf-8">
<title>NCSU & RPR Data Visualization</title>
</head>
<style>
</style>
<body>
<nav role="navigation">
<ul class="nav">
<li><a href="index.html">About</a></li>
<li><a href="data.html">Data</a></li>
<li style="background-color:red"><a href="visuals.html">Graph</a>
<ul>
<li><a href="visual1/schools.html">Minority Population and Free and Reduced Lunch Percentage Over Time</a></li>
<li><a href="snapshot/snapshot.html">Snapshot of a School District</a></li>
<li><a href="Needy%HTML/index.html">Needy Percentage Over Time by School</a></li>
<li><a href="school-line/index.html">Needy Percentage Over Time by Diversity</a></li>
</ul>
</li>
<li><a href="./jsonBuilder/jsonBuilder.java">Convert</a></li>
</ul>
</nav>
<div class="content">
<h1>Visualizations</h1>
<br />
<p>From the available data we chose to create four visualizations depicting specific areas we found to be of interest.
The first visualization is a bubble graph where the bubbles vary in size based on the school's population and the percentage of minority students is compared over time with the percentage of students who qualified for F&R (Free or Reduced-Price Lunch Program).
The second visualization is a collection of "demographic snapshots" displaying the gender, ethnic, and F&R breakdowns of various school districts in 2012.
The third visualization is a line graph over time depicting the percentage of students who qualify for F&R at a given school.
The fourth visualization is similar to the first visualization; however, instead of dividing the data up by school, the data is split into categories based on the percentage of the student body who are minorities.
</p>
<br />
<br />
<h3>View the Visualizations or Download the Raw Data (JSON)</h3>
<br />
<table>
<thead>
<tr>
<th> Visualization </th>
<th> Description</th>
<th> View </th>
<th> Download</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="visual1/thumbnail.jpg" /></td>
<td>A bubble graph where the bubbles vary in size based on the school's population and the percentage of minority students is compared over time with the percentage of students who qualified for F&R (Free or Reduced-Price Lunch Program)</td>
<td><a href="visual1/schools.html"> View </a></td>
<td><a href="visual1.zip"> Download </a></td>
</tr>
<tr>
<td><img src="snapshot/thumbnail.jpg" /></td>
<td>A collection of "demographic snapshots" displaying the gender, ethnic, and F&R breakdowns of various school districts in 2012.</td>
<td><a href="snapshot/snapshot.html"> View </a></td>
<td><a href="snapshot.zip"> Download </a></td>
</tr>
<tr>
<td><img src="Needy%HTML/thumbnail.jpg" /></td>
<td>A line graph over time depicting the percentage of students who qualify for F&R at a given school.</td>
<td><a href="Needy%HTML/index.html"> View </a></td>
<td><a href="Needy%HTML.zip"> Download </a></td>
</tr>
<tr>
<td><img src="school-line/thumbnail.jpg" /></td>
<td>Instead of dividing the data up by school, the data for this visualization is split into categories based on the percentage of the student body who are minorities compared over time with the percentage of students who qualified for F&R</td>
<td><a href="school-line/index.html"> View </a></td>
<td><a href="school-line.zip"> Download </a></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>