Merge pull request #310 from open-innovations/dev

Add NEET Factors updates
open-innovations · Dec 5, 2023 · 667c6c4 · 667c6c4
2 parents 3cb4837 + 46fd0c0
commit 667c6c4
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 12 deletions.
diff --git a/src/_includes/css/form.css b/src/_includes/css/form.css
@@ -13,5 +13,8 @@ label + select {
     gap: 1em;
     align-items: baseline;
     justify-content: center;
+    background: #dff3f4;
+    padding: 1em;
+    font-weight: 600;
   }
 }
diff --git a/src/maps/employment/index.njk b/src/maps/employment/index.njk
@@ -25,6 +25,10 @@ css: |
     margin-left:auto;
   }
 
+  .selector article {
+    margin-top: 2rem;
+  }
+
 featured: "#census-youth-unemployed-economically-inactive figure"
 ---
 {#- Formatter for autoLegend -#}
@@ -38,7 +42,8 @@ featured: "#census-youth-unemployed-economically-inactive figure"
     data-dependencies='/assets/js/selector.js'
     data-label='Choose the visualisation layer'
     data-heading-level='h2'
-    data-id='map-selector'>
+    data-id='map-selector'
+    data-selector-position='top'>
 
   <article id='youth-unemployment' class='selector-block'>
     <h2>Youth unemployment rate (aged 16-24)</h2>
@@ -53,7 +58,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
           value: 'value',
           scale: 'YFF',
           tooltip: '{{ n }}: <strong>{{ value }}%</strong> ({{ date_name }})'
-        } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+        } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
       }) | safe }}
     {% endcomp %}
   </article>
@@ -71,7 +76,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
       value: 'value',
       scale: 'YFF',
       tooltip: '{{ n }}: <strong>{{ value }}%</strong> ({{ date_name }})'
-    } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+    } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
   }) | safe }}
     {% endcomp %}
   </article>
@@ -89,7 +94,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
       value: 'value',
       scale: 'YFF',
       tooltip: '{{ n }}: <strong>{{ value }}%</strong> ({{ date_name }})'
-    } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+    } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
   }) | safe }}
     {% endcomp %}
   </article>
@@ -107,7 +112,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
       value: 'value',
       scale: 'YFF',
       tooltip: '{{ n }}: <strong>{{ value }}%</strong> ({{ date_name }})'
-    } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+    } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
   }) | safe }}
     {% endcomp %}
   </article>
@@ -125,7 +130,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
       value: 'Claimants percentage',
       scale: 'YFF',
       tooltip: '{{ n }}: <strong>{{ Claimants percentage | toFixed(1) }}%</strong>'
-    } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+    } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
   }) | safe }}
     {% endcomp %}
   </article>
@@ -143,7 +148,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
       value: 'Claimants percentage',
       scale: 'YFF',
       tooltip: '{{ n }}: <strong>{{ Claimants percentage | toFixed(1) }}%</strong>'
-    } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+    } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
   }) | safe }}
     {% endcomp %}
   </article>
@@ -161,7 +166,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
       value: 'rate',
       scale: 'YFF',
       tooltip: '{{ n }}: <strong>{{ rate | toFixed(1) }}%</strong>'
-    } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+    } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
   }) | safe }}
     {% endcomp %}
   </article>
@@ -179,7 +184,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
       value: 'rate',
       scale: 'YFF',
       tooltip: '{{ n }}: <strong>{{ rate | toFixed(1) }}%</strong>'
-    } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+    } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
   }) | safe }}
     {% endcomp %}
   </article>
@@ -197,7 +202,7 @@ featured: "#census-youth-unemployed-economically-inactive figure"
       value: 'rate',
       scale: 'YFF',
       tooltip: '{{ n }}: <strong>{{ rate | toFixed(1) }}%</strong>'
-    } | autoLegend({ formatter: percentFormatter, roundTo: 5 })
+    } | autoLegend({ formatter: percentFormatter, roundTo: 3 })
   }) | safe }}
     {% endcomp %}
   </article>

diff --git a/src/maps/neet-factors/index.njk b/src/maps/neet-factors/index.njk
@@ -1,5 +1,5 @@
 ---
-title: NEET Factors
+title: Risk of NEET Factors
 summary: |
     Data on factors that contribute to likelihood of NEET
 layout: layouts/simple.njk
@@ -66,6 +66,13 @@ barchart_description: |
 {% include "partials/page/topic-cloud.njk" %}
 {% endcomp %}
 
+<p>
+  This data comes from our recent report exploring the extent and degree of overlap between different forms of marginalisation among young people (aged 13 to 25), and how experiencing multiple types of marginalisation may increase the risk of young people not being in employment, education or training (NEET). Each of the data sources in the visualisation below represents a risk factor for a young person becoming NEET.
+</p>
+<p>
+  A standard score is calculated for each data source per local authority. The standard score is 0 for values that are equal to the mean, 1 for values that are one standard deviation above the mean, and 2 for values that are two standard deviations above the mean. Values below the mean have negative standard scores.
+</p>
+
 
 <div class='selector'
     data-dependencies='/assets/js/selector.js'
@@ -85,6 +92,8 @@ barchart_description: |
           matchKey: 'local_authority_code',
           value: 'value',
           scale: 'YFF',
+          min: 30,
+          max: -35,
           tooltip: '{{ n }}: <strong>{{ value | toFixed(2) }}</strong>',
           legend: {
             position: 'top left'
@@ -920,7 +929,7 @@ barchart_description: |
 <h2>About this data</h2>
 
 <p>
-  The data visualised on this page is from analysis commissioned by <a href="https://youthfuturesfoundation.org/">Youth Futures Foundation</a>, with <a href="https://natcen.ac.uk/">The National Centre for Social Research (NatCen)</a>. Their report explores the extent and degree of overlap between different forms of marginalisation among young people (aged 13 to 25), and how experiencing multiple types of marginalisation may increase the risk of young people not being in employment, education or training (NEET).
+  The data visualised on this page is from analysis by <a href="https://youthfuturesfoundation.org/">Youth Futures Foundation</a>, with <a href="https://natcen.ac.uk/">The National Centre for Social Research (NatCen)</a>. Our report explores the extent and degree of overlap between different forms of marginalisation among young people (aged 13 to 25), and how experiencing multiple types of marginalisation may increase the risk of young people not being in employment, education or training (NEET).
 </p>
 <p>
   Each of the data sources in the visualisations above represents a risk factor for a young person becoming NEET. Five domains of marginalisation were explored - education, family circumstances, health, living standards and risky behaviour - making up 19 NEET factors.