-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwork.html
More file actions
177 lines (177 loc) · 17.7 KB
/
work.html
File metadata and controls
177 lines (177 loc) · 17.7 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html>
<head>
<title>Work | Erica Yee</title>
<link rel="icon" type="image/png" href="files/favicon.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="styles/main.css" rel="stylesheet" type="text/css" />
<link
href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,600;1,700&display=swap"
rel="stylesheet"
/>
<script src="components/header.js" type="text/javascript" defer></script>
<script src="components/footer.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<main>
<div class="content-container">
<h1>Work</h1>
<!-- <div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/legislator-tracker/home/">California Legislator Tracker</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Sep 2021–</h6>
<p>development | <span class="i">JavaScript, D3, PHP</span></p>
<p>I pitched and led development on this tool to bring more transparency and accountability to California State Legislature. I spoke about the process behind the project at a <a href="https://www.youtube.com/watch?v=8yGbg3SjZfY">Hacks/Hackers London event (video)</a>.</p>
<div class="clip-divider">
👩💻📰
</div>
</div> -->
<!-- https://web.archive.org/web/20250527052123/https://calmatters.org/education/higher-education/2025/03/nil-deals-california-college-athletes-sponsorships/ -->
<div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/education/higher-education/2025/03/nil-deals-california-college-athletes-spons">College athletes can now make millions off sponsorship deals. Here’s the first look at California’s numbers </a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | March 2025</h6>
<p><code>data</code> | <span class="i"></span>Svelte</span></p>
<p>Working with Adam Echelman, I compiled public records on name, image and likeness compensation at California public Division 1 schools. The data required extensive cleaning and standardization. We released the <a href="https://github.com/CalMatters/data-nil-deals" target="_blank">data for download</a> to help facilitate further reporting, especially by student journalists for their schools.</p>
<div class="clip-divider">
👩💻📰
</div>
</div>
<!-- https://web.archive.org/web/20250527051951/https://calmatters.org/california-voter-guide-2024/propositions/prop-33-rent-control/quiz/ -->
<div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/california-voter-guide-2024/propositions/prop-33-rent-control/quiz/">Voter guide quizzes</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Nov 2024</h6>
<p><code>design & front-end development</code> | <span class="i"></span>Svelte</span></p>
<p>Researched, wrote, developed and illustrated interactive quizzes to help Californians see where they stand on various propositions in an engaging format.</p>
<div class="clip-divider">
👩💻📰
</div>
</div>
<!-- https://web.archive.org/web/20240120032936/https://calmatters.org/health/2023/11/california-hospitals-close-maternity-wards/ -->
<div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/health/2023/11/california-hospitals-close-maternity-wards/">Vast stretches of California lose maternity care as dozens of hospitals shut labor wards</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Oct 2023</h6>
<p><code>data, design & front-end development</code> | <span class="i"></span>R, Svelte</span></p>
<p>Working with health reporters Kristen Hwang and Ana B. Ibarra, I created an original methodology by combing through hospital financial records to figure out that at least 46 California hospitals had closed maternity wards since 2012. This tally had not been published before, to our knowledge. o Our series on maternity ward closures led to a <a href="https://calmatters.org/health/2024/09/maternity-care-new-law/" target="_blank">new state law</a> meant to give communities more time to plan for closures.</p>
<div class="clip-divider">
👩💻📰
</div>
</div>
<!-- https://web.archive.org/web/20240107143359/https://calmatters.org/education/k-12-education/2023/10/california-student-test-scores/ -->
<!-- <div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/education/k-12-education/2023/10/california-student-test-scores/">California student test scores change little from last year’s low</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Nov 2023</h6>
<p><code>data & front-end development</code> | <span class="i"></span>R, Svelte</span></p>
<p>At CalMatters we strive to make state data more accessible to the general public. After a few years collaborating with reporters on the education beat, I've created processes to quickly analyze datasets that the state updates annually, such as K-12 test achievement. Then I can make simple lookup tools for our readers.</p>
<div class="clip-divider">
👩💻📰
</div>
</div> -->
<!-- https://web.archive.org/web/20240127225634/https://github.com/CalMatters/teacher-experience-data -->
<!-- <div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://github.com/CalMatters/teacher-experience-data">Data about K-12 teacher years of experience in California</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | 2022-2023</h6>
<p><code>data</code> | <span class="i"></span>Google Sheets</span></p>
<p>In 2023, CalMatters published the series “<a href="https://calmatters.org/series/teacher-turnover/">The Turnover Trap</a>” examining the push to keep more veteran teachers in the schools where students struggle most. To get a sense of the issue around the state, reporter Joe Hong used the California Public Records Act to request records from over three dozen school districts for data on teacher experience and turnover per school. I cleaned and combined the requested records with school-level data from the state on student poverty and demographics to look for trends with teacher tenures.</p>
<div class="clip-divider">
👩💻📰
</div>
</div> -->
<!-- https://web.archive.org/web/20230923074433/https://calmatters.org/environment/2023/03/california-electric-cars-demographics/?series=california-electric-vehicles -->
<div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/environment/2023/03/california-electric-cars-demographics/?series=california-electric-vehicles">Who buys electric cars in California — and who doesn’t?</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Mar 2023</h6>
<p><code>data, design & front-end development</code> | <span class="i"></span>R, Mapbox GL JS, Svelte</span></p>
<p>No statewide data exists to break down the race or other demographic characteristics of California’s car buyers...so I made my own methodology using publicly available data. I compared the ZIP codes of electric car registrations with Census information on the race, income and education of people living in each. And we made the <a href="https://github.com/CalMatters/ev-zipcode-demographics-data">clean data available</a> for download!.</p>
<div class="clip-divider">
👩💻📰
</div>
</div>
<!-- https://web.archive.org/web/20230925225043/https://calmatters.org/environment/2023/01/california-electric-cars-grid/?series=california-electric-vehicles -->
<!-- <div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/environment/2023/01/california-electric-cars-grid/?series=california-electric-vehicles">Race to zero: Can California’s power grid handle a 15-fold increase in electric cars?</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Jan 2023</h6>
<p><code>design & front-end development</code> | <span class="i"></span>Svelte</span></p>
<p>I enjoyed creating multiple interactive graphics explaining challenges to California's power grid.</p>
<div class="clip-divider">
👩💻📰
</div>
</div> -->
<!-- https://web.archive.org/web/20240119080325/https://calmatters.org/health/2022/06/mental-health-california-prisons/ -->
<div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/health/2022/06/mental-health-california-prisons/">Inmate shuffle: How California bounces around its mentally ill prisoners</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Jun 2022</h6>
<p><code>front-end development</code> | <span class="i"></span>JavaScript</span></p>
<p>I designed and developed the story presentation, using animated graphics to highlight how a mentally ill prison inmate was transferred around the state 39 times in four years.</p>
<div class="clip-divider">
👩💻📰
</div>
</div>
<!-- https://web.archive.org/web/20231128105056/https://calmatters.org/explainers/danger-in-droughtsville-california-urban-water-at-risk/ -->
<div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/explainers/danger-in-droughtsville-california-urban-water-at-risk/">Danger in Droughtsville: California’s urban water at risk</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Dec 2021</h6>
<p><code>research & reporting</code></p>
<p>Sometimes I write! This was a fun and scary deep dive into the myriad risks facing urban water in California.</p>
<div class="clip-divider">
👩💻📰
</div>
</div>
<!-- https://web.archive.org/web/20230419060818/https://calmatters.org/california-divide/2021/07/look-up-california-stimulus-golden-state/ -->
<!-- <div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/california-divide/2021/07/look-up-california-stimulus-golden-state/">Look up your Golden State Stimulus amount</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Jul 2021</h6>
<p><code>front-end development</code> | <span class="i"></span>JavaScript</span></p>
<p>I coded a lookup tool to break down the complicated state stimulus eligibility. (<a href="https://calmatters.org/calmatters-en-espanol/2021/07/cuanto-calificas-para-el-estimulo-de-california/">Spanish version</a>)</p>
<div class="clip-divider">
👩💻📰
</div>
</div> -->
<!-- https://web.archive.org/web/20240127230423/https://calmatters.org/health/2021/06/california-covid-inequality-oakland-rockridge/ -->
<!-- <div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/health/2021/06/california-covid-inequality-oakland-rockridge/">How California kids experienced COVID-19 inequality</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Jun 2021</h6>
<p><code>data, design, front-end development</code> | <span class="i">JavaScript, Mapbox GL JS, QGIS</span></p>
<p>I analyzed relevant data and coded a scrollytelling intro to complement a narrative following the impact of COVID-19 on high schoolers.</p>
<div class="clip-divider">
👩💻📰
</div>
</div> -->
<!-- https://web.archive.org/web/20231001084058/https://calmatters.org/education/higher-education/2020/10/california-colleges-wildfire-zones/ -->
<!-- <div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://calmatters.org/education/higher-education/2020/10/california-colleges-wildfire-zones/">See if your school is near a Fire Hazard Severity Zone</a></h3>
<h6><a href="https://calmatters.org/">CalMatters</a> | Oct 2020</h6>
<p><code>data, design, front-end development</code> | <span class="i">JavaScript, Mapbox GL JS, QGIS</span></p>
<p>I created a tool that allows readers to see which California public colleges are near fire hazard zones.</p>
<div class="clip-divider">
👩💻📰
</div>
</div> -->
<!-- https://web.archive.org/web/20221209151658/https://www.sfchronicle.com/projects/bay-area-fog-tracker/ -->
<div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://web.archive.org/web/20221209151658/https://www.sfchronicle.com/projects/bay-area-fog-tracker/">Bay Area Fog Tracker</a></h3>
<h6><a href="https://www.sfchronicle.com/">San Francisco Chronicle</a> | Aug 2019</h6>
<p><code>data analysis & back-end development</code> | <span class="i">Python</span></p>
<p>The Chronicle dev team has put out several trackers the last few years, including wildfires and car break-ins. Near the end of my internship, I was asked to implement a “lighter,” more “whimsical” tracker for one of San Francisco’s most famous phenomenons: fog. I appreciated my supervisors wanting me to have a project I could completely own. Due to a variety of reasons (time constraints, other projects I pitched in on, my limited skills) I was unable to complete the project during my internship. However, my supervisor Evan Wagstaff was able to finish the front-end and turned the project live soon after, for which I am very grateful.</p>
<p>After consulting a <a href="https://home.chpc.utah.edu/~u0553130/Brian_Blaylock/home.html">meteorology PhD student</a> who posted some tutorials on GitHub and lots of experimenting in Jupyter Notebooks, I wrote a Python script that retrieves data from the NOAA’s GOES-17 satellite, which are publicly available on <a href="https://registry.opendata.aws/noaa-goes/">Amazon Web Services</a>, and converts them to images. The script initially crashed the Chronicle’s virtual computer, but eventually Evan and I managed to reduce the computing power it needed.</p>
<p>On the design side, I originally riffed off our previous tracker template. But when one of the designers saw that idea, he reimagined it in a much more visually interesting way that I never would’ve thought of on my own. The final presentation ended up being quite close to his mockup. From this experience, I learned that I wanted to get better at thinking at design and how to approach projects before even starting to code. That’s why I signed up for an introductory design course the following semester.</p>
<p>Overall, this project taught me that projects don’t always turn out the way you envision them at the beginning. There were even points at which I thought it wasn’t even possible because I couldn’t figure out the back-end data retrieval. But I am so grateful that the team at the Chronicle supported me and carried it through. Now I have a fun project I'm really proud of.</p>
<div class="clip-divider">
👩💻📰
</div>
</div>
<!-- https://web.archive.org/web/20231101064136/https://projects.sfchronicle.com/sf-homeless/homeless-questions/ -->
<div class="clip-container">
<h3><img class="arrow-link" src="files/arrow.svg" /><a href="https://projects.sfchronicle.com/sf-homeless/homeless-questions/">Bay Area homelessness: answers to your questions</a></h3>
<h6><a href="https://www.sfchronicle.com/">San Francisco Chronicle</a> | Jul 2019</h6>
<p><code>design & front-end development</code> | <span class="i">React, Gatsby ArchieML, Figma</span></p>
<p>This piece was part of the annual SF Homeless Project in which Bay Aera newsrooms, led by the Chronicle, focus coverage on the region's homelessness crisis. After I expressed interest in gaining more experience creating mockups, my supervisor asked me to design this Q&A project.</p>
<p>My goal was to make it clear that the Chronicle had thoroughly answered all the questions from readers, as well as make the page easy to navigate. After my design (using Figma) was approved, I coded the page using React.js and ArchieML to convert the text content from Google Docs to JSON.</p>
<p>Since I led the design and development of this project, I learned a lot about iteratively improving based on feedback. I was also pleasantly surprised at how much time our audience spent reading this text-based project, with a significant portion even scrolling all the way to the bottom of the page.</p>
</div>
</div>
</main>
<footer-component></footer-component>
</body>
<html>