- Percent of a tract's population in households where the household income is at or below 100% of
- the Federal poverty level
+ Percent of a census tract's population in households where the household income is at or below 100%
+ of the Federal poverty level
- 80
-
-
- th
-
-
+
+
+ 50
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 90th
+
+
+ percentile
+
+
- High school degree attainment rate
+ High school degree non-attainment
- Proportion of people ages 25 years or older whose education level is less than a high school diploma
+ Percent of people ages 25 years or older whose education level is less than a high school diploma
- N/A
-
- %
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
+
+
+
+ High school degree non-attainment
+
+
+ Percent of people ages 25 years or older whose education level is less than a high school diploma
+
+
+
+
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+
+
+
+
+
+ Higher education non-enrollement
+
+
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
+
+
+
+
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -255,7 +406,10 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- of thresholds exceeded
+ Disadvantaged in 5 categories
+
@@ -309,50 +469,73 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
>
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
Expected agriculture loss rate
- Economic loss rate to agriculture resulting from natural hazards
+ Economic loss rate to agricultural value resulting from natural hazards each year
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
Expected building loss rate
- Economic loss rate to buildings resulting from natural hazards
+ Economic loss rate to agricultural value resulting from natural hazards each year
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -364,15 +547,37 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
@@ -384,32 +589,62 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 19
-
-
- th
-
-
+
+
+ 19
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 65th
+
+
+ percentile
+
+
- Higher ed enrollment rate
+ Higher education non-enrollement
- Percent of population enrolled in college, university, or graduate school
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- N/A
-
- %
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -442,14 +677,15 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
>
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
@@ -459,33 +695,66 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
PM2.5 in the air
- Fine inhalable particles, 2.5 micrometers and smaller
+ Fine inhalable particles, 2.5 micrometers or smaller
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
@@ -497,32 +766,62 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 19
-
-
- th
-
-
+
+
+ 19
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 65th
+
+
+ percentile
+
+
- Higher ed enrollment rate
+ Higher education non-enrollement
- Percent of population enrolled in college, university, or graduate school
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- N/A
-
- %
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -539,7 +838,7 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
>
- Clean transportation
+ Clean transit
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
@@ -572,15 +872,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -590,15 +901,37 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
@@ -610,32 +943,62 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 19
-
-
- th
-
-
+
+
+ 19
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 65th
+
+
+ percentile
+
+
- Higher ed enrollment rate
+ Higher education non-enrollement
- Percent of population enrolled in college, university, or graduate school
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- N/A
-
- %
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -668,14 +1031,15 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
>
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
@@ -685,17 +1049,36 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 95
-
-
- th
-
-
+
+
+ 95
+
+
+ th
+
+
+
+
+
+
+
+
+
+ above 90th
+
+
+ percentile
+
+
@@ -707,15 +1090,37 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
@@ -727,32 +1132,62 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 19
-
-
- th
-
-
+
+
+ 19
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 65th
+
+
+ percentile
+
+
- Higher ed enrollment rate
+ Higher education non-enrollement
- Percent of population enrolled in college, university, or graduate school
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- N/A
-
- %
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -785,14 +1220,15 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
>
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
@@ -802,51 +1238,95 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
- Proximity to NPL sites
+ Proximity to National Priorities List (NPL) sites
Proposed or listed NPL (Superfund) sites within 5 kilometers
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
- Proximity to RMP facilities
+ Proximity to Risk Management Plan (RMP) facilities
- Risk Management Plan facilities within 5 kilometers
+ RMP facilities within 5 kilometers
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
@@ -858,32 +1338,62 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 19
-
-
- th
-
-
+
+
+ 19
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 65th
+
+
+ percentile
+
+
- Higher ed enrollment rate
+ Higher education non-enrollement
- Percent of population enrolled in college, university, or graduate school
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- N/A
-
- %
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -916,14 +1426,15 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
>
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
@@ -933,15 +1444,37 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
@@ -953,32 +1486,62 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 19
-
-
- th
-
-
+
+
+ 19
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 65th
+
+
+ percentile
+
+
- Higher ed enrollment rate
+ Higher education non-enrollement
- Percent of population enrolled in college, university, or graduate school
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- N/A
-
- %
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -1011,14 +1574,15 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
>
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
@@ -1028,15 +1592,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -1049,35 +1624,59 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
Heart disease
- Weighted percent of people ages 18 years and older who have been told they have heart disease
+ Navigate to the explore the tool page. When the map is in view, click on the map. The side panel
+ will show an indicator desciption of Weighted percent of people ages 18 years and older who have
+ been told they have heart disease
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -1087,15 +1686,37 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
@@ -1107,32 +1728,62 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 19
-
-
- th
-
-
+
+
+ 19
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 65th
+
+
+ percentile
+
+
- Higher ed enrollment rate
+ Higher education non-enrollement
- Percent of population enrolled in college, university, or graduate school
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- N/A
-
- %
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -1165,14 +1816,15 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
>
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
@@ -1184,17 +1836,36 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 97
-
-
- th
-
-
+
+
+ 97
+
+
+ th
+
+
+
+
+
+
+
+
+
+ above 90th
+
+
+ percentile
+
+
@@ -1204,15 +1875,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -1222,75 +1904,154 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
- 96
-
-
- th
-
-
+
+
+ 96
+
+
+ th
+
+
+
+
+
+
+
+
+
+ above 90th
+
+
+ percentile
+
+
Poverty
- Percent of a tract's population in households where the household income is at or below 100% of
- the Federal poverty level
+ Percent of a census tract's population in households where the household income is at or below 100%
+ of the Federal poverty level
- 19
-
-
- th
-
-
+
+
+ 12
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 90th
+
+
+ percentile
+
+
+
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
+
+
+
+ High school degree non-attainment
+
+
+ Percent of people ages 25 years or older whose education level is less than a high school diploma
+
+
+
+
+
+
+ 98
+
+ %
+
+
+
+
+
+
+
+
+ above 10
+
+
+ percent
+
+
- High school degree attainment rate
+ Higher education non-enrollement
- Proportion of people ages 25 years or older whose education level is less than a high school diploma
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- 98
-
- %
-
-
-
-
-
-
-
- Higher ed enrollment rate
-
- Percent of population enrolled in college, university, or graduate school
-
+
+
+
+
+
+
+
+ data is not available
+
-
-
- N/A
-
- %
-
@@ -1353,7 +2114,10 @@ exports[`rendering of the AreaDetail checks if indicators for PUERTO RICO are pr
- of thresholds exceeded
+ Disadvantaged in 5 categories
+
@@ -1407,14 +2177,15 @@ exports[`rendering of the AreaDetail checks if indicators for PUERTO RICO are pr
>
- Indicator
+ At or above at least one threshold?
- Percentile (0-100)
+ No
@@ -1426,17 +2197,36 @@ exports[`rendering of the AreaDetail checks if indicators for PUERTO RICO are pr
- 97
-
-
- th
-
-
+
+
+ 97
+
+
+ th
+
+
+
+
+
+
+
+
+
+ above 90th
+
+
+ percentile
+
+
@@ -1446,15 +2236,26 @@ exports[`rendering of the AreaDetail checks if indicators for PUERTO RICO are pr
- N/A
-
-
-
+
+
+
+
+
+
+
+
+ data is not available
+
+
@@ -1464,75 +2265,154 @@ exports[`rendering of the AreaDetail checks if indicators for PUERTO RICO are pr
- 96
-
-
- th
-
-
+
+
+ 96
+
+
+ th
+
+
+
+
+
+
+
+
+
+ above 90th
+
+
+ percentile
+
+
Poverty
- Percent of a tract's population in households where the household income is at or below 100% of
- the Federal poverty level
+ Percent of a census tract's population in households where the household income is at or below 100%
+ of the Federal poverty level
- 19
-
-
- th
-
-
+
+
+ 12
+
+
+ th
+
+
+
+
+
+
+
+
+
+ below 90th
+
+
+ percentile
+
+
+
+
+
+
+ AND
+
+
+
+ At or above both associated thresholds?
+
+
+ No
+
+
+
+
+
+ High school degree non-attainment
+
+
+ Percent of people ages 25 years or older whose education level is less than a high school diploma
+
+
+
+
+
+
+ 98
+
+ %
+
+
+
+
+
+
+
+
+ above 10
+
+
+ percent
+
+
- High school degree attainment rate
+ Higher education non-enrollement
- Proportion of people ages 25 years or older whose education level is less than a high school diploma
+ Percent of the census tract's population 15 or older not enrolled in college, university, or
+ graduate school
- 98
-
- %
-
-
-
-
-
-
-
- Higher ed enrollment rate
-
- Percent of population enrolled in college, university, or graduate school
-
+
+
+
+
+
+
+
+ data is not available
+
-
-
- N/A
-
- %
-
diff --git a/client/src/components/AreaDetail/tests/areaDetail.test.tsx b/client/src/components/AreaDetail/tests/areaDetail.test.tsx
index f458ab53..80698b14 100644
--- a/client/src/components/AreaDetail/tests/areaDetail.test.tsx
+++ b/client/src/components/AreaDetail/tests/areaDetail.test.tsx
@@ -7,7 +7,7 @@ import * as constants from '../../../data/constants';
describe('rendering of the AreaDetail', () => {
const properties = {
- [constants.POVERTY_PROPERTY_PERCENTILE]: .12,
+ [constants.POVERTY_BELOW_100_PERCENTILE]: .12,
[constants.HIGH_SCHOOL_PROPERTY_PERCENTILE]: .98,
[constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE]: .97,
[constants.UNEMPLOYMENT_PROPERTY_PERCENTILE]: .96,
@@ -15,8 +15,10 @@ describe('rendering of the AreaDetail', () => {
[constants.SCORE_PROPERTY_HIGH]: .95,
[constants.GEOID_PROPERTY]: 98729374234,
[constants.TOTAL_POPULATION]: 3435435,
- [constants.POVERTY_PROPERTY_PERCENTILE]: .19,
+ [constants.POVERTY_BELOW_200_PERCENTILE]: .19,
[constants.SIDE_PANEL_STATE]: constants.SIDE_PANEL_STATE_VALUES.NATION,
+ [constants.COUNT_OF_CATEGORIES_DISADV]: 5,
+ [constants.TOTAL_NUMBER_OF_DISADVANTAGE_INDICATORS]: 3,
};
@@ -49,7 +51,7 @@ describe('rendering of the AreaDetail', () => {
[constants.ISLAND_AREAS_UNEMPLOYMENT_LOW_HS_EDU_PERCENTILE_FIELD]: .9,
[constants.ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD]: .8,
[constants.ISLAND_AREAS_LOW_MEDIAN_INCOME_LOW_HS_EDU_PERCENTILE_FIELD]: .6,
- [constants.ISLAND_AREAS_LOW_HS_EDU_PERCENTILE_FIELD]: .5,
+ [constants.ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD]: .5,
[constants.SIDE_PANEL_STATE]: constants.SIDE_PANEL_STATE_VALUES.ISLAND_AREAS,
};
diff --git a/client/src/components/Categories/__snapshots__/Categories.test.tsx.snap b/client/src/components/Categories/__snapshots__/Categories.test.tsx.snap
index 4242dbec..9739ad59 100644
--- a/client/src/components/Categories/__snapshots__/Categories.test.tsx.snap
+++ b/client/src/components/Categories/__snapshots__/Categories.test.tsx.snap
@@ -34,12 +34,10 @@ exports[`rendering of the Categories checks if component renders 1`] = `
identified as disadvantaged
-
+
-
-
IF
@@ -61,8 +59,6 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
expected population loss rate
-
-
@@ -76,11 +72,11 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
low income
- AND at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
@@ -97,12 +93,10 @@ exports[`rendering of the Categories checks if component renders 1`] = `
identified as disadvantaged
-
+
-
-
IF
@@ -118,8 +112,6 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
PM2.5 in the air
-
-
@@ -133,11 +125,11 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
low income
- AND at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
@@ -154,7 +146,7 @@ exports[`rendering of the Categories checks if component renders 1`] = `
identified as disadvantaged
-
+
@@ -190,11 +182,11 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
low income
- AND at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
@@ -211,12 +203,10 @@ exports[`rendering of the Categories checks if component renders 1`] = `
identified as disadvantaged
-
+
-
-
IF
@@ -232,15 +222,12 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
median home value
- is at or less than
- the 90th percentile OR at or above the 90th percentile for the
+ is at or less than the 90th percentile OR at or above the 90th percentile for the
housing cost burden
-
-
@@ -254,11 +241,11 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
low income
- AND at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
@@ -275,12 +262,10 @@ exports[`rendering of the Categories checks if component renders 1`] = `
identified as disadvantaged
-
+
-
-
IF
@@ -302,8 +287,6 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
proximity to Risk Management Plan (RMP) facilities
-
-
@@ -317,11 +300,11 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
low income
- AND at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
@@ -338,12 +321,10 @@ exports[`rendering of the Categories checks if component renders 1`] = `
identified as disadvantaged
-
+
-
-
IF
@@ -353,8 +334,6 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
wastewater discharge
-
-
@@ -368,11 +347,11 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
low income
- AND at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
@@ -389,12 +368,10 @@ exports[`rendering of the Categories checks if component renders 1`] = `
identified as disadvantaged
-
+
-
-
IF
@@ -422,8 +399,6 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
low life expectancy
-
-
@@ -437,11 +412,11 @@ exports[`rendering of the Categories checks if component renders 1`] = `
>
low income
- AND at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
@@ -458,12 +433,10 @@ exports[`rendering of the Categories checks if component renders 1`] = `
identified as disadvantaged
-
+
-
-
AND
- is at or less than 90% for
+ 10% or more of adults 25 or older have not attained a
- high school degree attainment rate
+ high school degree
- for adults 25 years and older AND
- at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
diff --git a/client/src/components/CategoryCard/__snapshots__/CategoryCard.test.tsx.snap b/client/src/components/CategoryCard/__snapshots__/CategoryCard.test.tsx.snap
index d6db1102..164e50e3 100644
--- a/client/src/components/CategoryCard/__snapshots__/CategoryCard.test.tsx.snap
+++ b/client/src/components/CategoryCard/__snapshots__/CategoryCard.test.tsx.snap
@@ -12,12 +12,10 @@ exports[`rendering of the CategoryCard checks if component renders 1`] = `
identified as disadvantaged
-
+
-
-
IF
@@ -39,8 +37,6 @@ exports[`rendering of the CategoryCard checks if component renders 1`] = `
>
expected population loss rate
-
-
@@ -54,11 +50,11 @@ exports[`rendering of the CategoryCard checks if component renders 1`] = `
>
low income
- AND at or below 20% for
+ AND 80% or more of adults 15 or older are not enrolled in
- higher ed enrollment rate
+ higher education
diff --git a/client/src/components/DatasetCard/DatasetCard.tsx b/client/src/components/DatasetCard/DatasetCard.tsx
new file mode 100644
index 00000000..f180ae24
--- /dev/null
+++ b/client/src/components/DatasetCard/DatasetCard.tsx
@@ -0,0 +1,80 @@
+/* eslint-disable valid-jsdoc */
+import React from 'react';
+import {useIntl} from 'gatsby-plugin-intl';
+
+import * as styles from './datasetCard.module.scss';
+import * as METHODOLOGY_COPY from '../../data/copy/methodology';
+
+interface IDatasetCardProps {
+ datasetCardProps: METHODOLOGY_COPY.IIndicators
+}
+
+/**
+ * This component will take in a card and render a dataset card
+ *
+ * @param {IDatasetCardProps}
+ * @return {JSX.Element}
+ */
+const DatasetCard = ({datasetCardProps}:IDatasetCardProps) => {
+ const intl = useIntl();
+
+ return (
+
- );
-};
+import DatasetCard from './DatasetCard';
export default DatasetCard;
diff --git a/client/src/components/DatasetCard/tests/datasetCard.test.tsx b/client/src/components/DatasetCard/tests/datasetCard.test.tsx
index 0ad7af8f..ba45f69c 100644
--- a/client/src/components/DatasetCard/tests/datasetCard.test.tsx
+++ b/client/src/components/DatasetCard/tests/datasetCard.test.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import {render} from '@testing-library/react';
import {LocalizedComponent} from '../../../test/testHelpers';
-import DatasetCard from '../../DatasetCard';
+import DatasetCard from '../DatasetCard';
import * as METHODOLOGY_COPY from '../../../data/copy/methodology';
diff --git a/client/src/components/DatasetContainer/index.tsx b/client/src/components/DatasetContainer/index.tsx
index 8521e49c..a0ea1e1c 100644
--- a/client/src/components/DatasetContainer/index.tsx
+++ b/client/src/components/DatasetContainer/index.tsx
@@ -34,8 +34,8 @@ const DatasetContainer = () => {
- {METHODOLOGY_COPY.INDICATORS.map((card) => )}
diff --git a/client/src/components/DatasetContainer/tests/__snapshots__/datasetContainer.test.tsx.snap b/client/src/components/DatasetContainer/tests/__snapshots__/datasetContainer.test.tsx.snap
index e5f3f335..47eca94c 100644
--- a/client/src/components/DatasetContainer/tests/__snapshots__/datasetContainer.test.tsx.snap
+++ b/client/src/components/DatasetContainer/tests/__snapshots__/datasetContainer.test.tsx.snap
@@ -101,11 +101,11 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
id="high-ed-enroll-rate"
>
- Higher ed enrollment rate
+ Higher education non-enrollment
- Percent of people who are currently enrolled in college or graduate school.
+ Percent of people 15 or older who are not currently enrolled in college, university, or graduate school.
@@ -140,7 +140,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Available for:
- All U.S. states and the District of Columbia
+ All U.S. states, the District of Columbia, and Puerto Rico
@@ -380,8 +380,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Source:
-
-
Fusion of model and monitor data
- from 2017 as compiled by EPA’s EJSCREEN, sourced from EPA National Air
- Toxics Assessment (NATA) and the U.S. Department of Transportation (DOT) traffic data
+ from 2017 as compiled by EPA’s EJSCREEN, sourced from EPA National Air Toxics Assessment (NATA) and the U.S. Department of Transportation (DOT) traffic data
@@ -995,23 +992,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Average number of years of life a person who has attained a given age can expect to live.
-
-
-
- Note:
-
-
- Unlike most of the other datasets, high values of this data indicate low burdens. For
- percentile calculations of burden, the percentile is calculated in reverse order, so that the
- census tract with the highest life expectancy relative to area life expectancy (lowest burden
- on this measure) is at the 0th percentile, and the census tract with the lowest life
- expectancy relative to area life expectancy (highest burden on this measure) is at the
- 100th percentile. Census tracts with the highest number have the lowest life expectancy.
-
-
-
+
+
+
+
+
+ Note:
+
+ The percentiles for this dataset have been reversed so that census tracts with lower numbers have higher life expectancies and the census tracts with higher numbers have lower life expectancy when compared to life expectancy in the area.
+
+
+
@@ -1057,23 +1050,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Median income of the census tract calculated as a percent of the area’s median income.
-
-
-
- Note:
-
-
- Unlike most of the other datasets, high values of this data indicate low burdens. For
- percentile calculations of burden, the percentile is calculated in reverse order, so that the
- census tract with the highest median income relative to area median income (lowest burden on this
- measure) is at the 0th percentile, and the census tract with the lowest median income relative to
- area median income (highest burden on this measure) is at the 100th percentile. Census tracts with
- the highest number have the lowest median income.
-
-
-
+
+
+
+
+
+ Note:
+
+ The percentiles for this dataset have been reversed so that census tracts with lower numbers have higher median incomes and census tracts with the higher numbers have lower median income when compared to area median income.
+
+
+
@@ -1319,12 +1308,11 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
id="high-school"
>
- High school degree attainment rate
+ High school degree non-attainment
- Percent of people ages 25 years or older in a census tract whose
- education level is less than a high school diploma.
+ Percent of people age 25 years or older in a census tract whose education level is less than a high school diploma.
diff --git a/client/src/components/ExceedBurden/ExceedBurden.module.scss b/client/src/components/ExceedBurden/ExceedBurden.module.scss
new file mode 100644
index 00000000..a6b23236
--- /dev/null
+++ b/client/src/components/ExceedBurden/ExceedBurden.module.scss
@@ -0,0 +1,27 @@
+@use '../../styles/design-system.scss' as *;
+
+// styles for all burden containers
+@mixin baseBurdenContainer {
+ display: flex;
+ @include u-text('bold');
+
+ .burdenQuestion {
+ flex: 0 1 77%;
+ @include typeset('sans', '2xs', 2);
+ }
+
+ .burdenValue {
+ margin-left: 2.2rem;
+ }
+}
+
+// styles for first burden container
+.exceedBurdenContainer {
+ @include baseBurdenContainer();
+ @include u-padding-bottom(1);
+}
+
+// styles for second burden container
+// .exceedBurdenContainer ~ .exceedBurdenContainer {
+// @include baseBurdenContainer();
+// }
diff --git a/client/src/components/ExceedBurden/ExceedBurden.module.scss.d.ts b/client/src/components/ExceedBurden/ExceedBurden.module.scss.d.ts
new file mode 100644
index 00000000..76fca558
--- /dev/null
+++ b/client/src/components/ExceedBurden/ExceedBurden.module.scss.d.ts
@@ -0,0 +1,14 @@
+declare namespace ExceedBurdenNamespace {
+ export interface IExceedBurden {
+ exceedBurdenContainer: string;
+ burdenQuestion: string;
+ burdenValue: string;
+ }
+ }
+
+declare const ExceedBurdenModule: ExceedBurdenNamespace.IExceedBurden & {
+ /** WARNING: Only available when `css-loader` is used without `style-loader` or `mini-css-extract-plugin` */
+ locals: ExceedBurdenNamespace.IExceedBurden;
+ };
+
+ export = ExceedBurdenModule;
diff --git a/client/src/components/ExceedBurden/ExceedBurden.test.tsx b/client/src/components/ExceedBurden/ExceedBurden.test.tsx
new file mode 100644
index 00000000..3eed69d0
--- /dev/null
+++ b/client/src/components/ExceedBurden/ExceedBurden.test.tsx
@@ -0,0 +1,45 @@
+import * as React from 'react';
+import {render} from '@testing-library/react';
+import {LocalizedComponent} from '../../test/testHelpers';
+import ExceedBurden from './ExceedBurden';
+import * as EXPLORE_COPY from '../../data/copy/explore';
+
+describe('test rendering of Exceeds one or more burdens when', () => {
+ it('is burdended', () => {
+ const {asFragment} = render(
+
+
+ ,
+ );
+ expect(asFragment()).toMatchSnapshot();
+ });
+
+ it('is NOT burdended', () => {
+ const {asFragment} = render(
+
+
+ ,
+ );
+ expect(asFragment()).toMatchSnapshot();
+ });
+});
+
+describe('test rendering of Exceeds both socioeco burdens when', () => {
+ it('is burdended', () => {
+ const {asFragment} = render(
+
+
+ ,
+ );
+ expect(asFragment()).toMatchSnapshot();
+ });
+
+ it('is NOT burdended', () => {
+ const {asFragment} = render(
+
+
+ ,
+ );
+ expect(asFragment()).toMatchSnapshot();
+ });
+});
diff --git a/client/src/components/ExceedBurden/ExceedBurden.tsx b/client/src/components/ExceedBurden/ExceedBurden.tsx
new file mode 100644
index 00000000..408f7b22
--- /dev/null
+++ b/client/src/components/ExceedBurden/ExceedBurden.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+import * as styles from './ExceedBurden.module.scss';
+import * as EXPLORE_COPY from '../../data/copy/explore';
+
+interface IExceedBurden {
+ text: React.ReactElement;
+ isBurdened: boolean;
+}
+const ExceedBurden = ({text, isBurdened}:IExceedBurden) => {
+ return (
+
+
+ {/* Indicator icon - up arrow, down arrow, or unavailable */}
+
+
+
+
+
+ {/* Indicator sub-text */}
+
+
+
diff --git a/client/src/components/Indicator/__snapshots__/Indicator.test.tsx.snap b/client/src/components/Indicator/__snapshots__/Indicator.test.tsx.snap
index 84e47ac0..72506582 100644
--- a/client/src/components/Indicator/__snapshots__/Indicator.test.tsx.snap
+++ b/client/src/components/Indicator/__snapshots__/Indicator.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`rendering of the Indicator checks if component renders 1`] = `
@@ -13,14 +14,116 @@ exports[`rendering of the Indicator checks if component renders 1`] = `
- 9700
-
-
- th
-
-
+
+
+ 9700
+
+ %
+
+
+
+
+
+
+
+
+ above 20
+
+
+ percent
+
+
`;
+
+exports[`test rendering of Indicator value icons renders the down arrow when the value is above the threshold 1`] = `
+
+
+
+`;
+
+exports[`test rendering of Indicator value icons renders the down arrow when the value is zero 1`] = `
+
+
+
+`;
+
+exports[`test rendering of Indicator value icons renders the unavailable icon when the value is null 1`] = `
+
+
+
+`;
+
+exports[`test rendering of Indicator value icons renders the up arrow when value is above threshold 1`] = `
+
+
+
+`;
+
+exports[`test rendering of Indicator value sub-text renders the "above 90 percentile" 1`] = `
+
+
+ above 90th
+
+
+ percentile
+
+
+`;
+
+exports[`test rendering of Indicator value sub-text renders the "below 90 percentile" 1`] = `
+
+
+ below 90th
+
+
+ percentile
+
+
+`;
+
+exports[`test rendering of Indicator value sub-text renders the "data is not available" 1`] = `
+
+
+ data is not available
+
+
+`;
+
+exports[`test that the unit suffix renders correctly renders correctly when the value is a null 1`] = ``;
+
+exports[`test that the unit suffix renders correctly renders correctly when the value is a percent 1`] = `
+
+
+ %
+
+
+`;
+
+exports[`test that the unit suffix renders correctly renders correctly when the value is a percentile 1`] = `
+
+
+
+ th
+
+
+
+`;
diff --git a/client/src/components/J40Header/J40Header.module.scss b/client/src/components/J40Header/J40Header.module.scss
index 092171a7..f9b39763 100644
--- a/client/src/components/J40Header/J40Header.module.scss
+++ b/client/src/components/J40Header/J40Header.module.scss
@@ -66,3 +66,7 @@
}
}
}
+
+.alert {
+ @include u-margin-top(4);
+}
\ No newline at end of file
diff --git a/client/src/components/J40Header/J40Header.module.scss.d.ts b/client/src/components/J40Header/J40Header.module.scss.d.ts
index 126471ae..94c0fa0b 100644
--- a/client/src/components/J40Header/J40Header.module.scss.d.ts
+++ b/client/src/components/J40Header/J40Header.module.scss.d.ts
@@ -9,6 +9,7 @@ declare namespace J40HeaderNamespace {
title2BetaPill: string;
betaPill: string;
navLinks: string;
+ alert: string;
}
}
diff --git a/client/src/components/J40Header/J40Header.tsx b/client/src/components/J40Header/J40Header.tsx
index b2113ba4..5d378fda 100644
--- a/client/src/components/J40Header/J40Header.tsx
+++ b/client/src/components/J40Header/J40Header.tsx
@@ -5,6 +5,7 @@ import {
NavMenuButton,
PrimaryNav,
Grid,
+ Alert,
} from '@trussworks/react-uswds';
import BetaBanner from '../BetaBanner';
import J40MainGridContainer from '../J40MainGridContainer';
@@ -16,6 +17,8 @@ import siteLogo from '../../images/j40-logo-v2.png';
import * as styles from './J40Header.module.scss';
import * as COMMON_COPY from '../../data/copy/common';
+const isAlertValid = new Date < COMMON_COPY.ALERTS.EXPIRATION_DATE;
+
const J40Header = () => {
const intl = useIntl();
const [mobileNavOpen, setMobileNavOpen] = useState(false);
@@ -67,8 +70,6 @@ const J40Header = () => {
- {/* Remove Usabilty Banner testing deployment to main again!*/}
-
{/* Logo and Navigation */}
@@ -106,6 +107,17 @@ const J40Header = () => {
- );
-};
-
-export default LowIncome;
diff --git a/client/src/components/LowIncome/__snapshots__/LowIncome.test.tsx.snap b/client/src/components/LowIncome/__snapshots__/LowIncome.test.tsx.snap
deleted file mode 100644
index 9bf5949a..00000000
--- a/client/src/components/LowIncome/__snapshots__/LowIncome.test.tsx.snap
+++ /dev/null
@@ -1,20 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`rendering of the LowIncome checks if component renders 1`] = `
-
-
-
-
- *
-
- Low Income
-
-
-
- At or above 65th percentile for percent of census tract population of households where household
- income is at or below 200% of the Federal poverty level
-
-