Skip to content

Commit 3fa79aa

Browse files
Ibrahim-HaizelIbrahim-Haizel
committed
add projects markup
1 parent b8a1964 commit 3fa79aa

File tree

1 file changed

+294
-0
lines changed

1 file changed

+294
-0
lines changed

‎src/routes/community/projects/+page.svelte‎

Lines changed: 294 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,294 @@
1+
<script>
2+
import WarningText from "$lib/components/content/WarningText.svelte";
3+
import InsetText from "$lib/components/content/InsetText.svelte";
4+
import RelatedContent from "$lib/components/ui/RelatedContent.svelte";
5+
</script>
6+
7+
<svelte:head>
8+
<title>Projects - MHCLG Svelte Component Library</title>
9+
<meta
10+
name="description"
11+
content="Current projects using the MHCLG Svelte Component Library to improve data transparency and user experience across government services."
12+
/>
13+
</svelte:head>
14+
15+
<div class="govuk-grid-row">
16+
<div class="govuk-grid-column-two-thirds">
17+
<h1 class="govuk-heading-xl">Projects</h1>
18+
19+
<p class="govuk-body-l">
20+
The MHCLG Svelte Component Library is being used across several key
21+
projects to improve data transparency, user experience, and service
22+
delivery. These projects demonstrate the practical application of our
23+
components in real-world government services.
24+
</p>
25+
26+
<WarningText
27+
assistiveText="Important"
28+
text="These projects are in active development. Component requirements and implementations may evolve as we gather user feedback and refine our approach."
29+
/>
30+
31+
<h2 class="govuk-heading-l">Planning Data Transparency</h2>
32+
33+
<p class="govuk-body">
34+
Working with the planning team in MHCLG to utilise planning data to help
35+
solve problems and increase transparency around housing delivery. This
36+
project builds on existing products and aims to make planning data more
37+
accessible to the public and professionals.
38+
</p>
39+
40+
<h3 class="govuk-heading-m">Key objectives</h3>
41+
<ul class="govuk-list govuk-list--bullet">
42+
<li>Improve transparency around housing delivery processes</li>
43+
<li>Make planning data more accessible and understandable</li>
44+
<li>Support evidence-based decision making in planning</li>
45+
<li>Enhance public engagement with planning processes</li>
46+
</ul>
47+
48+
<InsetText>
49+
{#snippet content()}
50+
This project builds on the existing <a
51+
href="https://www.planning.data.gov.uk/"
52+
class="govuk-link"
53+
rel="external">Planning Data platform</a
54+
>, extending its capabilities with improved data visualisation and user
55+
interaction components.
56+
{/snippet}
57+
</InsetText>
58+
59+
<h3 class="govuk-heading-m">Component library usage</h3>
60+
<ul class="govuk-list govuk-list--bullet">
61+
<li>Interactive maps and geographical data visualisation</li>
62+
<li>Data tables with advanced filtering and sorting</li>
63+
<li>Search and autocomplete functionality</li>
64+
<li>Charts and graphs for planning statistics</li>
65+
<li>Form components for data submission</li>
66+
</ul>
67+
68+
<h2 class="govuk-heading-l">Indices of Deprivation Publication</h2>
69+
70+
<p class="govuk-body">
71+
Building on existing solutions and static publications to unify scattered
72+
supplementary products and integrate better with the main GOV.UK
73+
publication. This project aims to create a more cohesive and user-friendly
74+
experience for accessing deprivation data.
75+
</p>
76+
77+
<h3 class="govuk-heading-m">Current landscape</h3>
78+
<p class="govuk-body">
79+
The previous release comprised of a suite of different tools and outputs
80+
scattered across several websites and hosting platforms. Whilst working
81+
well and meeting the needs of the time, we'd like to move towards a more
82+
integrated release, embedding tools in the statistical report to make them
83+
more easily accessible and connected to its narrative and analysis.
84+
</p>
85+
86+
<p class="govuk-body">
87+
The Indices of Deprivation are currently published across multiple
88+
platforms:
89+
</p>
90+
<ul class="govuk-list govuk-list--bullet">
91+
<li>Main statistical release on GOV.UK</li>
92+
<li>
93+
<a
94+
href="https://app.powerbi.com/view?r=eyJrIjoiOTdjYzIyNTMtMTcxNi00YmQ2LWI1YzgtMTUyYzMxOWQ3NzQ2IiwidCI6ImJmMzQ2ODEwLTljN2QtNDNkZS1hODcyLTI0YTJlZjM5OTVhOCJ9"
95+
class="govuk-link"
96+
rel="external">IOD 2019 Power BI Dashboard</a
97+
>
98+
</li>
99+
<li>
100+
<a
101+
href="https://www.ons.gov.uk/visualisations/dvc1371/#/E07000223"
102+
class="govuk-link"
103+
rel="external">ONS Exploring local income deprivation tool</a
104+
>
105+
</li>
106+
<li>Interactive mapping tool</li>
107+
<li>Various supplementary data products</li>
108+
<li>Separate analysis and research outputs</li>
109+
</ul>
110+
111+
<InsetText>
112+
{#snippet content()}
113+
View the current <a
114+
href="https://www.gov.uk/government/statistics/english-indices-of-deprivation-2019"
115+
class="govuk-link"
116+
rel="external">English Indices of Deprivation 2019 publication</a
117+
>
118+
and the
119+
<a
120+
href="https://dclgapps.communities.gov.uk/imd/"
121+
class="govuk-link"
122+
rel="external">interactive mapping tool</a
123+
>.
124+
{/snippet}
125+
</InsetText>
126+
127+
<h3 class="govuk-heading-m">Integration vision</h3>
128+
<p class="govuk-body">
129+
The goal is to create a unified platform that brings together all these
130+
scattered tools and outputs into a cohesive experience. This would involve
131+
embedding interactive visualisations, dashboards, and analysis tools
132+
directly within the statistical report, making them more accessible and
133+
better connected to the narrative and analysis.
134+
</p>
135+
136+
<h3 class="govuk-heading-m">Key objectives</h3>
137+
<ul class="govuk-list govuk-list--bullet">
138+
<li>Unify scattered supplementary products into a cohesive platform</li>
139+
<li>Embed interactive tools within the statistical report narrative</li>
140+
<li>Improve integration with the main GOV.UK publication</li>
141+
<li>Enhance data accessibility and usability across all tools</li>
142+
<li>Provide better tools for data exploration and analysis</li>
143+
<li>Support various user needs from researchers to local authorities</li>
144+
<li>
145+
Create seamless transitions between different data views and tools
146+
</li>
147+
</ul>
148+
149+
<h3 class="govuk-heading-m">Component library usage</h3>
150+
<ul class="govuk-list govuk-list--bullet">
151+
<li>Advanced mapping and geographical visualisation components</li>
152+
<li>Multi-layered data exploration interfaces</li>
153+
<li>Search and filtering for areas and indicators</li>
154+
<li>Comparative analysis tools</li>
155+
<li>Data download and export functionality</li>
156+
<li>Responsive charts and graphs for different deprivation measures</li>
157+
</ul>
158+
159+
<h2 class="govuk-heading-l">Cross-project benefits</h2>
160+
161+
<p class="govuk-body">
162+
These projects share common requirements and benefit from the component
163+
library's unified approach:
164+
</p>
165+
166+
<h3 class="govuk-heading-m">Shared components</h3>
167+
<ul class="govuk-list govuk-list--bullet">
168+
<li>
169+
<strong>Data visualisation:</strong> Charts, maps, and interactive graphics
170+
</li>
171+
<li>
172+
<strong>Search and filtering:</strong> Consistent patterns across all platforms
173+
</li>
174+
<li>
175+
<strong>Data tables:</strong> Standardised presentation of complex datasets
176+
</li>
177+
<li>
178+
<strong>Form handling:</strong> Robust data collection and validation
179+
</li>
180+
<li>
181+
<strong>Accessibility:</strong> WCAG 2.1 AA compliance across all projects
182+
</li>
183+
</ul>
184+
185+
<h3 class="govuk-heading-m">Technical benefits</h3>
186+
<ul class="govuk-list govuk-list--bullet">
187+
<li>Consistent user experience across different services</li>
188+
<li>Reduced development time through component reuse</li>
189+
<li>Shared testing and quality assurance processes</li>
190+
<li>Unified design system implementation</li>
191+
<li>Collaborative development and knowledge sharing</li>
192+
</ul>
193+
194+
<h2 class="govuk-heading-l">Future projects</h2>
195+
196+
<p class="govuk-body">
197+
We're continuously identifying new opportunities to apply the component
198+
library across MHCLG services. Future projects may include:
199+
</p>
200+
201+
<ul class="govuk-list govuk-list--bullet">
202+
<li>
203+
A product that builds on the now retired Oflog Data Explorer tool <a
204+
href="https://local-authority-data-explorer.data.gov.uk/"
205+
class="govuk-link"
206+
rel="external">https://local-authority-data-explorer.data.gov.uk/</a
207+
>
208+
</li>
209+
</ul>
210+
211+
<InsetText>
212+
{#snippet content()}
213+
If you're working on a project that could benefit from the component
214+
library, <a href="/community/propose-component" class="govuk-link"
215+
>get in touch with our team</a
216+
> to discuss collaboration opportunities.
217+
{/snippet}
218+
</InsetText>
219+
</div>
220+
221+
<div class="govuk-grid-column-one-third">
222+
<RelatedContent
223+
sections={[
224+
{
225+
type: "main",
226+
id: "related-content",
227+
title: "Related content",
228+
links: [
229+
{
230+
title: "Our team and delivery approach",
231+
base_path: "/community/team-approach",
232+
},
233+
{
234+
title: "Roadmap",
235+
base_path: "/community/roadmap",
236+
},
237+
],
238+
},
239+
{
240+
type: "subheading",
241+
id: "community-involvement",
242+
subheading: "Ways to get involved",
243+
links: [
244+
{
245+
title: "Propose a component or pattern",
246+
base_path: "/community/propose-component",
247+
},
248+
{
249+
title: "Develop a component or pattern",
250+
base_path: "/community/develop-component",
251+
},
252+
],
253+
},
254+
{
255+
type: "other",
256+
id: "external-tools",
257+
subheading: "Related platforms",
258+
links: [
259+
{
260+
title: "Planning Data platform",
261+
url: "https://www.planning.data.gov.uk/",
262+
},
263+
{
264+
title: "IOD 2019 Power BI Dashboard",
265+
url: "https://app.powerbi.com/view?r=eyJrIjoiOTdjYzIyNTMtMTcxNi00YmQ2LWI1YzgtMTUyYzMxOWQ3NzQ2IiwidCI6ImJmMzQ2ODEwLTljN2QtNDNkZS1hODcyLTI0YTJlZjM5OTVhOCJ9",
266+
},
267+
{
268+
title: "ONS Exploring local income deprivation",
269+
url: "https://www.ons.gov.uk/visualisations/dvc1371/#/E07000223",
270+
},
271+
{
272+
title: "English Indices of Deprivation 2019",
273+
url: "https://www.gov.uk/government/statistics/english-indices-of-deprivation-2019",
274+
},
275+
{
276+
title: "Interactive mapping tool",
277+
url: "https://dclgapps.communities.gov.uk/imd/",
278+
},
279+
{
280+
title: "Oflog Data Explorer (retired)",
281+
url: "https://local-authority-data-explorer.data.gov.uk/",
282+
},
283+
],
284+
},
285+
]}
286+
/>
287+
</div>
288+
</div>
289+
290+
<style>
291+
.govuk-grid-row {
292+
margin-bottom: 30px;
293+
}
294+
</style>

0 commit comments

Comments
 (0)