-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvisualization.html
84 lines (72 loc) · 4.14 KB
/
visualization.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Stephen Pardy's Homepage">
<meta name="author" content="Stephen Pardy">
<title>Stephen Pardy - Graduate Student</title>
<link href="bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="visualization.css" rel="stylesheet">
<link href="base.css" rel="stylesheet">
<link rel="stylesheet" href="./d3.slider.css" />
</head>
<body>
<div class="wrapper">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Stephen Pardy</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="research.html">Research</a></li>
<li class="active"><a href="visualization.html">Visualizations</a></li>
<li><a href="cv.html">CV</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
<h4>University of Wisconsin - Madison </h4>
</div>
<div class="row proj_content">
<div class="container">
<h4>Explore the data from my <a href="http://arxiv.org/abs/1602.07689">paper</a> on offset bars and irregular disks in Magellanic Galaxies! The top chart shows the average fourier amplitude of the inner disk at each time in the main galaxy, and the lower chart shows the bar and disk offset from the dynamical center of the galaxy. An impact with a 1/10th mass companion happens at ~0.1 Gyr. Check the paper for details. </h4>Heavily modified from examples by <a href="http://bl.ocks.org/gniemetz/4618602">gniemtez</a> and <a href="http://bl.ocks.org/ZJONSSON/3918369">ZJONSSON</a>.
<iframe src="resources/offsetsResults.html" marginwidth="0" marginheight="0"
scrolling="no" width="1400" height="1200" frameborder="0"></iframe>
</div>
</div>
<div class="row proj_content">
<div class="container">
<h4>A visualization of the number of arms in a galaxy due to disk-stability constraints from <a href="http://adsabs.harvard.edu/cgi-bin/bib_query?arXiv:1507.00724">D'Onghia 2015</a>. Select components below.</h4>
<iframe src="resources/galaxyProfile.html" marginwidth="0" marginheight="0"
scrolling="no" width="1400" height="800" frameborder="0"></iframe>
</div>
</div>
<div class="row proj_content">
<div class="container">
<h4>A visualization demonstrating the difficulty of chemical tagging. The data below is from a subset of <a href="https://www.sdss3.org/surveys/apogee.php">APOGEE</a> surrounding the globular cluster M13. The orange points are background stars and the blue points are known cluster members. The five of the fifteen possible chemical elements used in this example are labeled on the diagonal. Drag a region to see how it shows up in other elements.</h4> This was modified from the <a href="https://bl.ocks.org/mbostock/4063663">Scatterplot Matrix Brushing</a> example by Mike Bostock.
<iframe src="resources/multipanels.html" marginwidth="0" marginheight="0"
scrolling="no" width="1400" height="800" frameborder="0"></iframe>
</div>
</div>
<div class="row" id ="charts">
<div class="col-md-1"></div>
<div class="col-md-4">
<h4>See non-astronomy visualizations at <a href="http://bl.ocks.org/stephenpardy">bl.ocks</a></h4>
</div>
</div>
</div> <!-- wrapper -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="./bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>
</body>
</html>