Participant Profile

@include('components.panel_toolbar')
@include('components.sportbox', [ 'size' => 'col-sm-12 col-md-12 col-xl-12', 'colors' => ["#275896", "#275896", "#3576AB", "#C6E2E3"], 'title' => '', 'values' => [$filter_name], ])
@include('components.kpi_box_double_2', [ 'size' => 'col-sm-12 col-md-6 col-xl-4', 'colors' => ["#275896", "#275896", "#3576AB", "#C6E2E3"], 'title' => '', 'values' => [$filter_dominant_age, 'Age'] ]) @include('components.kpi_box_double_2', [ 'size' => 'col-sm-12 col-md-6 col-xl-4', 'colors' => ["#275896", "#275896", "#3576AB", "#C6E2E3"], 'title' => '', 'values' => [strtoupper($filter_dominant_gender), 'Gender'] ]) @include('components.kpi_box_double_2', [ 'size' => 'col-sm-12 col-md-6 col-xl-4', 'colors' => ["#275896", "#275896", "#3576AB", "#C6E2E3"], 'title' => '', 'values' => [$filter_dominant_deprivation, 'Deprivation'] ])
@include('components.mosaic_group', [ 'size' => 'col-sm-12 col-md-12 col-xl-12', 'colors' => ["#275896", "#275896", "#3576AB", "#C6E2E3"], 'title' => '', 'values' => [$filter_mosaic_summary['name'], $filter_mosaic_summary['description']] ])
@foreach ($filter_mosaic_data as $category_name => $categories)


@foreach ($categories as $sub_cat_name => $sub_cat) @include('components.kpi_chart', [ 'colors' => ["#3576AB", "#275896", "#3576ab94"], 'sub_cat_name' => $sub_cat_name, 'sub_cat' => $sub_cat ]) @endforeach
@endforeach

Benchmark Profile

@include('components.panel_toolbar')
@include('components.sportbox', [ 'size' => 'col-sm-12 col-md-12 col-xl-12', 'colors' => ["#3D9F0F", "#3D9F0F", "#3D9F0F", "#C6E2E3"], 'title' => '', 'values' => [$benchmark_name], ])
@include('components.kpi_box_double_2', [ 'size' => 'col-sm-12 col-md-6 col-xl-4', 'colors' => ["#7AB512", "#7AB512", "#3D9F0F", "#C6E2E3"], 'title' => '', 'values' => [$benchmark_dominant_age, 'Age'] ]) @include('components.kpi_box_double_2', [ 'size' => 'col-sm-12 col-md-6 col-xl-4', 'colors' => ["#7AB512", "#7AB512", "#3D9F0F", "#C6E2E3"], 'title' => '', 'values' => [strtoupper($benchmark_dominant_gender), 'Gender'] ]) @include('components.kpi_box_double_2', [ 'size' => 'col-sm-12 col-md-6 col-xl-4', 'colors' => ["#7AB512", "#7AB512", "#3D9F0F", "#C6E2E3"], 'title' => '', 'values' => [$benchmark_dominant_deprivation, 'Deprivation'] ])
@include('components.mosaic_group', [ 'size' => 'col-sm-12 col-md-12 col-xl-12', 'colors' => ["#7AB512", "#7AB512", "#3D9F0F", "#C6E2E3"], 'title' => '', 'values' => [$benchmark_mosaic_summary['name'], $benchmark_mosaic_summary['description']] ])
@foreach ($benchmark_mosaic_data as $category_name => $categories)


@foreach ($categories as $sub_cat_name => $sub_cat) @include('components.kpi_chart', [ 'colors' => ["#7AB512", "#3D9F0F", "#7ab51285"], 'sub_cat_name' => $sub_cat_name, 'sub_cat' => $sub_cat ]) @endforeach
@endforeach

@include('components.info-button', ['element' => 'widget', 'direction' => 'left', 'text' => 'The breakdown of participants by gender.']) PARTICIPANT BREAKDOWN BY GENDER

@include('components.panel_toolbar')

@include('components.info-button', ['element' => 'widget', 'direction' => 'left', 'text' => 'The breakdown of participants by age group.']) PARTICIPANT BREAKDOWN BY AGE GROUP

@include('components.panel_toolbar')

@include('components.info-button', ['element' => 'widget', 'direction' => 'left', 'text' => 'The breakdown of participants by deprivation level.']) PARTICIPANT BREAKDOWN BY DEPRIVATION

@include('components.panel_toolbar')

@include('components.info-button', ['element' => 'widget', 'direction' => 'left', 'text' => 'The breakdown of mosaic groups.']) MOSAIC BREAKDOWN

@include('components.panel_toolbar')
@include('layouts.charts.bar', [ 'id' => 'graph_1', 'title' => 'PARTICIPANT BREAKDOWN BY GENDER', 'subtitle' => '', 'categories' => $gender_graph_categories, 'colors' => ["#7AB512", "#275896"], 'x_title' => '', 'xAxis' => true, 'is_log' => false, 'align' => 'right', 'pointFormat' => '{series.name}: {point.y:,.0f}%', 'y_title' => '%', 'legend' => 'false', 'max' => 100, 'data' => $gender_graph, ]) @include('layouts.charts.column', [ 'id' => 'graph_3', 'title' => 'PARTICIPANT BREAKDOWN BY DEPRIVATION', 'subtitle' => '', 'categories' => $deprivation_graph_categories, 'colors' => ['#275896', '#7AB512'], 'x_title' => '', 'xAxis' => true, 'pointFormat' => '{point.y:,.1f}%', 'y_title' => '% of Total', 'grouping' => true, 'data' => $deprivation_graph, ]) @include('layouts.charts.column', [ 'id' => 'graph_2', 'title' => 'MOSAIC BREAKDOWN', 'subtitle' => '', 'categories' => $mosaic_graph_categories, 'colors' => ['#275896', '#7AB512'], 'x_title' => '', 'xAxis' => true, 'pointFormat' => '{point.y:,.1f}%', 'y_title' => '% of Total', 'grouping' => true, 'data' => $mosaic_graph, ]) @include('layouts.charts.column', [ 'id' => 'graph_4', 'title' => 'PARTICIPANT BREAKDOWN BY AGE GROUP', 'subtitle' => '', 'categories' => $age_graph_categories, 'colors' => ['#275896', '#7AB512'], 'x_title' => '', 'xAxis' => true, 'pointFormat' => '{point.y:,.1f}%', 'y_title' => '% of Total', 'grouping' => true, 'data' => $age_graph, ])