Skip to content

Commit

Permalink
most items integrated
Browse files Browse the repository at this point in the history
  • Loading branch information
brucecrevensten committed Oct 22, 2024
1 parent 4909d77 commit 6823c98
Show file tree
Hide file tree
Showing 9 changed files with 165 additions and 106 deletions.
Binary file added assets/images/people/Micah-Hahn.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 3 additions & 2 deletions components/Report.vue
Original file line number Diff line number Diff line change
Expand Up @@ -187,8 +187,9 @@
beetles in forested areas of Alaska
</li>
<li v-if="demographicsData">
<a href="#demographics">Demographic data</a>
for this place, derived from US Census and CDC data
<a href="#demographics">Demographic and Health information</a>
for this place, derived from data from the U.S. Census and the
Centers for Disease Control and Prevention (CDC)
</li>
</ul>
</div>
Expand Down
3 changes: 1 addition & 2 deletions components/reports/demographics/DemographicsAgesChart.vue
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
<template>
<div class="block">
<div class="content is-size-5">
Information in this section is computed from the U.S. Census DHC Year
2020.
Computed from the 2020 US Census Demographics and Housing Characteristics File (DHC). Data are shown both as a chart and as a table, below.
</div>
<div id="demographics-ages-chart" />
</div>
Expand Down
73 changes: 2 additions & 71 deletions components/reports/demographics/DemographicsHealthChart.vue
Original file line number Diff line number Diff line change
@@ -1,61 +1,9 @@
<template>
<div>
<div class="block">
<h5 class="title is-5">Disability &amp; insurance</h5>
<div v-if="disabilityInsurancePresent">
<div class="content is-size-5">
<p>
Data in this section were taken from Census ACS 5-year (2018&ndash;2022).
<strong> Values are estimated</strong>; margin of error is shown in
parentheses for each value.
</p>
</div>
<table class="table">
<caption>
Disability &amp; insurance
</caption>
<thead>
<th scope="col">Condition</th>
<th scope="col">{{ placeName }}</th>
<th scope="col">Alaska</th>
<th scope="col">U.S.</th>
</thead>
<tbody>
<tr v-for="(name, key) in acs">
<th scope="row" v-html="name"></th>
<td>
{{ demographics['place'][key] }}% ({{
demographics['place']['moe_' + key]
}}%)
</td>
<td>
{{ demographics['alaska'][key] }}% ({{
demographics['alaska']['moe_' + key]
}}%)
</td>
<td>
{{ demographics['us'][key] }}% ({{
demographics['us']['moe_' + key]
}}%)
</td>
</tr>
</tbody>
</table>
</div>
<div v-else>
<div class="content is-size-5">
<p>
Demographic information for insurance status and people with a
disability are not available for this location.
</p>
</div>
</div>
</div>
<!-- If pct_asthma is missing/blank, the other conditions are as well. -->
<h5 class="title is-5">Health conditions</h5>
<div class="block" v-if="healthConditionsPresent">
<div class="content is-size-5">
<p>Data in this section were taken from CDC PLACES Year 2023.</p>
<p>Data from the 2023 CDC PLACES dataset.</p>
</div>
<table class="table">
<caption>
Expand Down Expand Up @@ -112,15 +60,7 @@ export default {
pct_stroke: 'Stroke among adults aged &ge;18 years',
pct_diabetes: 'Diagnosed diabetes among adults aged &ge;18 years',
pct_kd: 'Chronic kidney disease among adults aged &ge;18 years',
},
acs: {
pct_w_disability:
'Percent with a disability, estimate, total civilian noninstitutionalized population',
pct_insured:
'Percent insured, estimate, civilian noninstitutionalized population',
pct_uninsured:
'Percent uninsured, estimate, civilian noninstitutionalized population',
},
}
}
},
computed: {
Expand All @@ -133,15 +73,6 @@ export default {
return sum > 0
}
},
disabilityInsurancePresent() {
if (this.demographics) {
let sum = 0
Object.keys(this.acs).forEach(k => {
sum += this.demographics['place'][k]
})
return sum > 0
}
},
...mapGetters({
demographics: 'demographics/demographicsData',
placeName: 'place/name',
Expand Down
76 changes: 68 additions & 8 deletions components/reports/demographics/DemographicsOther.vue
Original file line number Diff line number Diff line change
@@ -1,15 +1,13 @@
<template>
<div>
<h5 class="title is-5">Social Determinants of Health</h5>
<div class="block" v-if="otherPresent">
<div class="content is-size-5">
<p>Data in this section were taken from CDC SDOH Years 2017-2021.</p>
</div>
<table class="table">
<caption>
Additional demographics
</caption>
<thead>
<th scope="col">Demographic</th>
<th scope="col"></th>
<th scope="col">{{ placeName }}</th>
</thead>
<tbody>
Expand All @@ -20,16 +18,60 @@
</tbody>
</table>
</div>

<div v-else>
<div class="content is-size-5">
<p>
Additional demographics (minority status, high school diploma, living
below 150% of poverty line, and broadband) are not available for this
location.
Some social determinants of health (minority status, high school
diploma, living below 150% of poverty line, and broadband) are not
available for this location.
</p>
</div>
</div>
<div class="block">
<div v-if="disabilityInsurancePresent">
<div class="content is-size-5">
<p>
Data in this section were taken from the 2017&ndash;2021 US Census American Community Survey (ACS) 5-year dataset. Values are estimated, and the margin of error is shown in parentheses for each value. Based on the total, civilian non-institutionalized population.
</p>
</div>
<table class="table">
<thead>
<th scope="col"></th>
<th scope="col">{{ placeName }}</th>
<th scope="col">Alaska</th>
<th scope="col">U.S.</th>
</thead>
<tbody>
<tr v-for="(name, key) in acs">
<th scope="row" v-html="name"></th>
<td>
{{ demographics['place'][key] }}% ({{
demographics['place']['moe_' + key]
}}%)
</td>
<td>
{{ demographics['alaska'][key] }}% ({{
demographics['alaska']['moe_' + key]
}}%)
</td>
<td>
{{ demographics['us'][key] }}% ({{
demographics['us']['moe_' + key]
}}%)
</td>
</tr>
</tbody>
</table>
</div>
<div v-else>
<div class="content is-size-5">
<p>
Demographic information for insurance status and people with a
disability are not available for this location.
</p>
</div>
</div>
</div>
</div>
</template>

Expand Down Expand Up @@ -57,6 +99,16 @@ export default {
return sum > 0
}
},
disabilityInsurancePresent() {
if (this.demographics) {
let sum = 0
Object.keys(this.acs).forEach(k => {
sum += this.demographics['place'][k]
})
return sum > 0
}
},
...mapGetters({
demographics: 'demographics/demographicsData',
placeName: 'place/name',
Expand All @@ -71,6 +123,14 @@ export default {
pct_below_150pov: 'Persons living below 150% of the poverty level',
pct_no_bband: 'No broadband internet subscription among households',
},
acs: {
pct_w_disability:
'Percent with a disability, estimate, total civilian noninstitutionalized population',
pct_insured:
'Percent insured, estimate, civilian noninstitutionalized population',
pct_uninsured:
'Percent uninsured, estimate, civilian noninstitutionalized population',
},
}
},
}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<div>
<div class="content is-size-5">
<p>Data in this section are computed from the U.S. Census DHC Year 2020.</p>
<p>Computed from the 2020 US Census Demographics and Housing Characteristics File (DHC). Data are shown both as a chart and as a table, below.</p>
</div>
<div id="demographics-race-ethnicity-chart" />
<div class="block">
Expand Down
68 changes: 47 additions & 21 deletions components/reports/demographics/DemographicsReport.vue
Original file line number Diff line number Diff line change
@@ -1,42 +1,68 @@
<template>
<div>
<h3 class="title is-3">Demographics</h3>
<h3 class="title is-3">Demographics and Health</h3>
<div class="content my-5 is-size-4">
<p>
The demographic and health data below have been curated from publicly
available sources, including data from the U.S. Census and the CDC’s
Behavioral Risk Factor Surveillance System (BRFSS), to make them more
accessible to Alaska communities. This resource was developed in
collaboration with community and state partners to ensure it meets local
needs. Our goal is to break down barriers to data access, providing key
information at the community level where decisions are made.
</p>
<p>
Health data are only shown for locations with an adult population of 50
or more, based on the 2020 U.S. Census.
</p>
</div>
<DemographicsMap />
<div class="content is-size-4">
<div class="content is-size-4 mt-6">
<p>
⚠️ Demographic data is presented only regionally, at the level of
boroughs or census tracts.
Demographic data is presented only regionally, at the level of boroughs,
census-sesignated places (CDPs), incorporated places, and census tracts.
</p>
<p>
In this section,
<strong>{{ place }} is used as the name for {{ commentEdited }}</strong
>, as shown in the map above.
<strong>This section shows information from {{ commentEdited }}</strong
>, as shown in the map above. Census boundaries are designed to produce
meaningful, relevant, and reliable statistical data, closely
representing the community’s population, but they do not necessarily
align with traditional or historical community borders.
</p>
</div>

<h4 class="title is-4 mt-5">Demographics</h4>
<h5 class="title is-5">Population</h5>
<div class="content is-size-5">
<p class="mb-0 pb-0">
<strong>
{{ commas(demographics.place.total_population) }}
</strong>
</p>
<p class="mt-0 pt-0">
For comparison, the population of the state of Alaska is
{{ commas(demographics.alaska.total_population) }} and the population of
the U.S. is {{ commas(demographics.us.total_population) }}.
</p>
</div>
<h4 class="title is-4 mt-5">
In {{ place }}, the population is
{{ commas(demographics.place.total_population) }}.
</h4>
<h5 class="subtitle is-5">
For comparison, the population of the state of Alaska is
{{ commas(demographics.alaska.total_population) }} and the population of
the U.S. is {{ commas(demographics.us.total_population) }}.
</h5>

<div class="block mb-6">
<h4 class="title is-4">Age</h4>
<h4 class="title is-5">Age</h4>
<DemographicsAgesChart />
</div>
<div class="block">
<h4 class="title is-4">Race &amp; Ethnicity</h4>
<h4 class="title is-5">Race &amp; Ethnicity</h4>
<DemographicsRaceEthnicityChart />
</div>
<div class="block">
<h4 class="title is-4">Health</h4>
<div class="content is-size-4">
<p>
Health data are only shown for locations with an adult population of
50 or more, based on the 2020 U.S. Census.
</p>
</div>
<DemographicsHealthChart />
</div>
<div class="block">
<h4 class="title is-4">Other demographics</h4>
<DemographicsOther />
</div>

Expand Down
42 changes: 42 additions & 0 deletions pages/credits.vue
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,48 @@
</div>
</div>

<div class="person mt-5 columns">
<div class="column is-3 is-offset-2">
<img src="~assets/images/people/Micah-Hahn.jpg" />
</div>
<div class="column is-5">
<h3 class="subtitle is-3">Micah Hahn</h3>
<div class="content is-size-5">
<p>
Dr. Micah Hahn is an Associate Professor of Environmental Health
at the Institute for Circumpolar Health Studies, University of
Alaska Anchorage (UAA). Her research explores the health impacts
of climate change and helps communities develop effective, locally
tailored strategies for adaptation and resilience, including
public health emergency preparedness and response.
</p>
<p>
With a background in environmental epidemiology, Dr. Hahn combines
epidemiological techniques, spatio-temporal exposure analysis,
climate and environmental data, and mixed-methods approaches in
her research. She collaborates with academic institutions,
government agencies, and communities to tackle real-world health
and environmental challenges.
</p>
<p>
Dr. Hahn earned a joint PhD in Epidemiology and Environment &
Resources from the University of Wisconsin-Madison, and an MPH in
Global Environmental Health from Emory University. She also
completed a postdoctoral fellowship with the CDC Climate and
Health Program, working alongside the CDC&rsquo;s Division of
Vector-borne Diseases and the National Center for Atmospheric
Research (NCAR).
</p>

<p>
<a href="https://micahbhahn.wordpress.com"
>Learn more about Dr. Hahn</a
>
</p>
</div>
</div>
</div>

<div class="person mt-5 columns">
<div class="column is-3 is-offset-2">
<img src="~assets/images/people/littell3_bw.jpg" />
Expand Down
2 changes: 1 addition & 1 deletion pages/data.vue
Original file line number Diff line number Diff line change
Expand Up @@ -260,7 +260,7 @@
</td>
</tr>
<tr>
<th scope="row">Demographics</th>
<th scope="row">Demographics and Health</th>
<td>Borough/census tract(s)</td>
<td>
<p>
Expand Down

0 comments on commit 6823c98

Please sign in to comment.