-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscience_art.html
More file actions
148 lines (139 loc) · 9.31 KB
/
science_art.html
File metadata and controls
148 lines (139 loc) · 9.31 KB
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
144
145
146
147
148
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Claire Lamman - Science Art</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<style>
body {
background-color: #000000; /* Change this to your desired background color */
}
</style>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<a href="index.html" class="title">Claire Lamman</a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="background.html">Background</a></li>
<li><a href="research.html">Research</a></li>
<li><a href="science_art.html" class="active">Art & Visualizations</a></li>
</ul>
</nav>
</header>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<section id="main" class="wrapper">
<div class="inner">
<h1 class="major">Science Art and Visualizations</h1>
<hr />
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1</div>
<center><img src="Art/L_tension.png" style="width:80%"></center>
<div class="text">Something must give. A visualization of <a href="https://newscenter.lbl.gov/2025/03/19/new-desi-results-strengthen-hints-that-dark-energy-may-evolve/">recent dark energy results from the DESI Survey.</a>Credit: Claire Lamman</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2</div>
<center><img src="Art/cosmic_cartography.png" style="width:80%"></center>
<div class="text">Cosmic Cartography. An old-style map celebrating DESI's efforts to chart the Universe. See <a href="blog_links.html"> this blog post </a>
for a description of the details. Credit: Claire Lamman</div>
</div>
<div class="mySlides fade" style="text-align:center">
<div class="numbertext">3</div>
<center><img src="Art/slice_zoom.png" style="width:80%"></center>
<div class="text">This key figure used in DESI's Y1 the press release, displaying a narrow band on the sky spanning 190 degrees in right ascension and 14 degrees in declination.
The magnified section consists of galaxies from our Bright Galaxy Sample and extends to a redshift of 0.2. The colors are scaled by declination to show depth in the slice: darker colors are "behind" brighter structure.
In the background "butterfly", colors correspond to different types of galaxies observed: Bright Galaxy Survey, Luminous Red Galaxies, Emission Line Galaxies, and Quasars.
This represents less than 0.1% of our full survey volume. Image credit: Claire Lamman/DESI collaboration; custom colormap package by cmastro.</div>
</div>
<div class="mySlides fade" style="text-align:center">
<div class="numbertext">4</div>
<center><img src="Art/cake_collage_science.png" style="width:90%"></center>
<div class="text">I create many astro-themed treats! To see all bakes and descriptions of the
science which inspired them, see my <a href="https://www.instagram.com/lamman_cake/?hl=en">instagram</a>.</div>
</div>
<div class="mySlides fade" style="text-align:center">
<div class="numbertext">5</div>
<center><img src="Art/cfa_vs_desi_stickman.gif" style="width:80%"></center>
<div class="text">Comparison between the famous CfA "stickman" and the same slice with DESI Y1 galaxies. See <a href="https://www.desi.lbl.gov/2024/03/11/a-record-breaking-night/">
this blog post </a> for more information. Credit: Claire Lamman | The CfA Redshift Survey: Data for the NGP +30 Zone. Huchra, Geller, de Lapparent, Corwin 1990</div>
</div>
<div class="mySlides fade" style="text-align:center">
<div class="numbertext">6</div>
<center><img src="Art/desi_1.png" style="width:40%"></center>
<div class="text">Design of DESI's LSS map and focal plane. Credit: Claire Lamman</div>
</div>
<div class="mySlides fade" style="text-align:center">
<div class="numbertext">7</div>
<center><img src="Art/bao_vis_with_overlaps.gif" style="width:80%"></center>
<div class="text">Visualization of BAO created for DESI's Y1 press release. For the final visualzation, see
<a href="https://www.youtube.com/watch?v=hoOyOAAj4iY">this video from Berkeley Lab. </a> Credit: Claire Lamman</div>
</div>
<div class="mySlides fade" style="text-align:center">
<div class="numbertext">8</div>
<center><img src="Art/rsd_mock_Y1_visual_1.gif" style="width:80%"></center>
<div class="text">Visualization of RSD created for a DESI press release (Press release and high quality imaage coming soon!). </a> Credit: Claire Lamman</div>
</div>
<div class="mySlides fade" style="text-align:center">
<div class="numbertext">9</div>
<center><img src="Art/BaoBan_comics.png" style="width:80%"></center>
<div class="text"> A series of comics featuring DESI's ambassador, BaoBan. <a href="baoban_comics.html" class="active">Click here to see the full series. </a> Credit: Claire Lamman</div>
</div>
<div class="mySlides fade" style="text-align:center">
<div class="numbertext">10</div>
<center><img src="Art/astrobake1.png" style="width:40%"></center>
<div class="text">Made for fun during a boring observing night. </a> Credit: Claire Lamman</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<!-- The numbers -->
<div style="text-align:center">
<span class="slide-number" onclick="currentSlide(1)">1</span>
<span class="slide-number" onclick="currentSlide(2)">2</span>
<span class="slide-number" onclick="currentSlide(3)">3</span>
<span class="slide-number" onclick="currentSlide(4)">4</span>
<span class="slide-number" onclick="currentSlide(5)">5</span>
<span class="slide-number" onclick="currentSlide(6)">6</span>
<span class="slide-number" onclick="currentSlide(7)">7</span>
<span class="slide-number" onclick="currentSlide(8)">8</span>
<span class="slide-number" onclick="currentSlide(9)">9</span>
<span class="slide-number" onclick="currentSlide(10)">10</span>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper alt">
<div class="inner">
<ul class="menu">
<li>© All works copywrite 2025 Claire Lamman, <a href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC 4.0</a></li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>