generated from DS4200-S23-Class/project
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (104 loc) · 6.88 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
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8/>
<!-- link css -->
<link rel="stylesheet" type="text/css" href="style.css">
<!-- include d3 library -->
<script src="js/d3.v6.1.1/d3.min.js"></script>
<title>Space Classifications</title>
</head>
<body>
<h1>Space Object Interactive Dashboard</h1>
<div>
<h2>Motivation</h2>
This visualization tool is a solution to the problem scientists have when trying to understand and use space data for research. The Sloan Digital Sky Survey is a giant database containing tens of thousands of data points about space objects with many numerical characteristics. Our tool will allow users to easily view specific points in space that are contained in the survey that fit numerical characteristics they want these points to have. <br>
<br>This is a very useful tool for anyone who needs easy access to large amounts of data to continue research and know where in space certain objects with specific qualities are. While having access to space data publicly online is extremely convenient, making sense of it just by reading through rows may not be especially helpful for someone performing research. It is important that our tool allows the user to not only clarify questions they have about the data but also be able to visualize what those answers are. </br>
<br>Specifically, the tool will accomplish a few specific tasks. It will allow the user to study celestial objects in a specific coordinate plane of the celestial sphere. The tool allows this by letting the user display these objects of a desired class in that plane, then more specifically allowing for viewing of redshift for a group of objects and where those objects are in terms of the Thuan-Gunn astronomic magnitude system (using band lengths for the u, g, r, i, and z bands).</br>
</div>
<div>
<h2>Background</h2>
</div>
<div>
<h3>Data</h3>
The tool will visualize the position of celestial objects in a specific cordinate plane of the celestial sphere, allowing users to filter results based on redshift, telescope band (u, g, r i, z), and type of celestial object. The user will see the characteristics of the visualized points by hovering/clicking on them. With visual access, anyone studying these points in space will be able to more accurately and confidently make assumptions about the characteristics of certain areas of space and perform more in-depth research after using the tool. <br>
<br> The dataset was posted on Kaggle by Lennart Grosser, a machine learning engineer from Berlin, Germany. The dataset contains 10,000 rows of observations, each having 17 numerical columns and one class column and is a subset of the SDSS dataset released, that were taken by the Sloan Digital Sky Survey (SDSS). The SDSS provides us with the information needed to learn and discover more about our universe. This exact data table was creating by querying the CasJobs database, joining the photometric and spectral data tables published by the SDSS. The dataset we worked with can be found at <a href="https://www.kaggle.com/datasets/lucidlenn/sloan-digital-sky-survey?resource=download">this link.</a> </br>
<br> Since this data was collected from observations of our universe, there are not any apparent ethical issues that arise. When it comes to biases in the data, the subset of the SDSS dataset provided on Kaggle may not have been fully representative of the true distribution of observations across the universe. Since we do not know if the subset of data was chosen at random, or handpicked, we do not now how widely distributed the values are for the true scale, but should still be able to provide us with sufficient information. </br>
</div>
<h3>Demo Video</h3>
<div class = "center">
<video width="600" height="400" controls src="ds 4200 demo vid.mkv">
</video>
</div>
<h3>Report</h3>
Our initial questions, findings, and final conclusions are summed up into a final report that is linked <a href="DS4200_Final_Paper.pdf">here</a>.
<div>
<h2>Visualization</h2>
<div class="row">
<div class="column left">
<div id="scatter">
<label for="class">Choose which classes of celestial objects you want to graph (up to 3):</label>
<form id="selectId" multiple>
<input class="star" value="STAR" type="checkbox">Star</input><br>
<input class="galaxy" value="GALAXY" type="checkbox">Galaxy</input><br>
<input class="quasar" value="QSO" type="checkbox">Quasar</input><br>
</form>
<button type="submit" id="submit-button">Plot Selected Classes</button>
<h3>Declination (x) vs. Right Ascension (y)</h3>
<h4>Brush over points to see their red shift averages in the bar graph</h5>
</div>
</div>
<div class="column right">
<br></br>
<br></br>
<br></br>
<h3>Average Redshift by Class</h3>
<h4>*Note: Star redshift is nonvisible due to proportionally small values, the average of the entire
star class is 0.0002*</h5>
<div id="bar"></div>
</div>
</div>
<h3> Band Distribution (All 450 Data Points) </h3>
<div class="row1">
<div id="col1">
<h3>U - Band Histogram</h3>
<div id="histo1"></div>
</div>
<div id="col2">
<h3>G - Band Histogram</h3>
<div id="histo2"></div>
</div>
<div id="col3">
<h3>R - Band Histogram</h3>
<div id="histo3"></div>
</div>
</div>
<div class="row2">
<div id="col4">
<h3>I - Band Histogram</h3>
<div id="histo4"></div>
</div>
<div id="col5">
<h3>Z - Band Histogram</h3>
<div id="histo5"></div>
</div>
</div>
<div class = "Acknowledgements">
<h2>Acknowledgements</h2>
<ul>
<li>
<a href = https://doi.org/10.1051/0004-6361/201936770>Galaxy, Star, Quasar Classification</a>
</li>
<li>
<a href = https://doi.org/10.3847/1538-4357/abe4d1>Spectrophotometric Samples of Solar Systems</a>
</li>
<li>
<a href = https://www.kaggle.com/datasets/lucidlenn/sloan-digital-sky-survey> SDSS Dataset</a>
</li>
<a href = https://skyserver.sdss.org/dr14/en/home.aspx> SDSS Website</a>
</ul>
</div>
<!-- linking js -->
<script src='js/main.js'></script>
</body>
</html>