mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-11 14:54:19 -07:00
Website copy layout styling updates for Tuesday launch (#685)
* Add basic accordion in AreaDetail * Refactor AreaDetail to use a Grid layout - adds useWindowSize to detect window resizes for mobile view - Map and AreaDetail to use Grid - removes some component styling from J40 - updates snapshot - MapWrapper to use Grid * Add custom Accordion styling - make J40 map a 9:3 Grid layout split - override native Accordion heading styles - make the Accordion multi-selectable - add some dummy data for indicators * Update AreaDetail to match design - remove styles in AreaDetail - increase height of MapInfoPanel - add Accordian items (indicators) - updates snapshot * Add a Beta Tag to the logo * Change the line height on indicators descriptions * Update package-lock after the rebase * Remove threshold from MapLegend - move feature selected border color to utils - remove all tooltip logic - remove all styles associated with tooltips - add legend label and descript to constants - refactor tests to be snapshots * Add borders between additional indicators * Modify copy and update styles - add the ordinal superscript back - update the copy - update the snapshots * Add additional indicators keys * Connect indicator keys to the UI - update the areaDetail snapshot * Render additional indicators accordion open onLoad - update snapshot * Update copy on About page * Update copy on indicator descriptions - update snapshots * Update the "How you can help section" - update the snapshot * Add a comma to "ZIP file will contain..." * Add the Datasets section to the methodology page - update snapshot * Update Methodology process list to trussworks - remove custom process list - remove custom CSS from global file - change copy * Modify layout of Methodology to using Grid - modify Dataset section to use Grid - remove outdated component CSS - update the snapshot * Update copy based on product feedback - update snapshots * Remove Accordions - updates snapshots - white CBG groups will show "Not community of focus"
This commit is contained in:
Vim
GitHub
parent
487f6a8e04
commit
522872037a
33 changed files with 2029 additions and 1208 deletions
|
|
@ -3,14 +3,13 @@
|
|||
exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
|
||||
<DocumentFragment>
|
||||
<div
|
||||
class="undefined desktop:grid-col"
|
||||
class="grid-row"
|
||||
data-testid="grid"
|
||||
>
|
||||
<div
|
||||
class="grid-container-desktop-lg"
|
||||
class="grid-col-12"
|
||||
data-testid="grid"
|
||||
>
|
||||
<h1>
|
||||
Datasets used in cumulative score
|
||||
</h1>
|
||||
<div>
|
||||
<div
|
||||
class="usa-alert usa-alert--warning j40-sitealert"
|
||||
|
|
@ -37,203 +36,600 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h2>
|
||||
Datasets used methodology
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="grid-row"
|
||||
data-testid="grid"
|
||||
>
|
||||
<div
|
||||
class="grid-col-12 tablet:grid-col-7 j40-mb-3"
|
||||
data-testid="grid"
|
||||
>
|
||||
<p>
|
||||
The datasets come from a variety of sources and were selected after considering relevance, availability, recency and quality.
|
||||
The datasets come from a variety of sources and were selected based on relevance, availability, recency, and quality. The datasets seek to identify a range of human health, environmental, climate-related, and other cumulative impacts on disadvantaged communities.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<h3>
|
||||
Area Median Income
|
||||
</h3>
|
||||
<div>
|
||||
<div>
|
||||
<h3>
|
||||
Poverty
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Percent of a block group's population in households where the household
|
||||
income is less than or equal to twice the federal "poverty level"
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
U.S. Census Bureau
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
5-year estimates, 2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Education (less than high school)
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Percent of people age 25 or older in a block group whose education is short of a high school diploma
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
U.S. Census Bureau
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
5-year estimates, 2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Linguistic isolation
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Percent of people in a block group living in linguistically
|
||||
isolated households — a linguistically isolated household is a household in
|
||||
which all members aged 14 years and over speak a non-English language and also speak
|
||||
English less than "very well" (i.e., have difficulty with English)
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
U.S. Census Bureau
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
5-year estimates, 2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Unemployment rate
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Unemployment rate (people who are unemployed divided by the total population of
|
||||
people in the labor force over 16 years old)
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
U.S. Census Bureau
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
5-year estimates, 2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Housing burden
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Percent of households in a census tract that are both low income (making less
|
||||
than 80% of the HUD Area Median Family Income) and severely burdened by housing costs
|
||||
(paying greater than 30% of their income to housing costs)
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
U.S. Census Bureau
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
5-year estimates, 2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Median income of the census block group calculated as a percent
|
||||
of the metropolitan area’s or state's median income.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/programs-surveys/acs"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Census's American Community Survey
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Households below 100% of the federal poverty line
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Percent of a block group's population in households where the
|
||||
household income is at or below 100% the federal "poverty level."
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/programs-surveys/acs"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Census's American Community Survey
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Education. less than high school education
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Percent of people age 25 or older in a block group whose
|
||||
education is short of a high school diploma.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/programs-surveys/acs"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Census's American Community Survey
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Diabetes
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
People ages 18 years and up who report having ever been
|
||||
told by a doctor, nurse, or other health professionals that they have
|
||||
diabetes other than diabetes during pregnancy.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census tract
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.cdc.gov/places/index.html"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Centers for Disease Control and Prevention (CDC) PLACES
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2016-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Asthma
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Weighted number of respondents people who answer “yes” both
|
||||
to both of the following questions: “Have you ever been told by a doctor,
|
||||
nurse, or other health professional that you have asthma?” and the question
|
||||
“Do you still have asthma?”
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census tract
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.cdc.gov/places/index.html"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Centers for Disease Control and Prevention (CDC) PLACES
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2016-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Heart disase
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
People ages 18 years and up who report ever having been told
|
||||
by a doctor, nurse, or other health professionals that they had angina or
|
||||
coronary heart disease.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census tract
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.cdc.gov/places/index.html"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Centers for Disease Control and Prevention (CDC) PLACES
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2016-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Life expectancy
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Estimated years of life expectancy.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census tract
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.cdc.gov/nchs/nvss/usaleep/usaleep.html#data"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Centers for Disease Control and Prevention (CDC)
|
||||
US Small-area Life Expectancy Estimates Project
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2010-2015
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Traffic proximity and volume
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Count of vehicles (average annual daily traffic) at major roads
|
||||
within 500 meters, divided by distance in meters (not km).
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="#"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Department of Transportation (DOT) traffic data
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2017
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
FEMA Risk Index Expected Annual Loss Score
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Average economic loss in dollars resulting from natural
|
||||
hazards each year. It is calculated for each hazard type and quantifies
|
||||
loss for relevant consequence types: buildings, people, and agriculture.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census tract
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://hazards.fema.gov/nri/expected-annual-loss"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Federal Emergency Management Agency (FEMA)
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2014-2017
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Energy burden
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Average annual energy cost ($) divided by household income.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census tract
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.energy.gov/eere/slsc/low-income-energy-affordability-data-lead-tool"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Department of Energy (DOE) LEAD Score
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2018
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Housing cost burden
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Households that are low income and spend more than 30% of their
|
||||
income to housing costs.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census tract
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.huduser.gov/portal/datasets/cp.html"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Department of Housing & Urban Development’s
|
||||
(HUD) Comprehensive Housing Affordability Strategy dataset
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2013-2017
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Wastewater discharge
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
RSEI modeled Toxic Concentrations at stream segments within 500
|
||||
meters, divided by distance in kilometers (km).
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.epa.gov/rsei"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Environmental Protection Agency (EPA) Risk-Screening
|
||||
Environmental Indicators (RSEI) Model
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Lead paint
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Percent of housing units built pre-1960, used as an
|
||||
indicator of potential lead paint exposure in homes.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/programs-surveys/acs"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Census's American Community Survey
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
Diesel particulate matter
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Mixture of particles that is part of diesel exhaust in the air.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.census.gov/"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
U.S. Census Bureau
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
5-year estimates, 2015-2019
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
PM2.5
|
||||
</h3>
|
||||
<div>
|
||||
What is it?
|
||||
</div>
|
||||
<div>
|
||||
Fine inhalable particles, with diameters that are generally
|
||||
2.5 micrometers and smaller.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
Data resolution:
|
||||
</span>
|
||||
Census block group
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data source:
|
||||
</span>
|
||||
<a
|
||||
href="https://www.epa.gov/aboutepa/about-office-air-and-radiation-oar"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
Environmental Protection Agency (EPA) Office of Air
|
||||
and Radiation (OAR) fusion of model and monitor data
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
Data date range:
|
||||
</span>
|
||||
2017
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</DocumentFragment>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue