span>
                </h4>

                
                <div class="metric-group" v-for="(metricGroupData, metricGroup) in metricTypeData.metric_groups">
                    <h5 class="text-center">{{ metricGroup }}</h5>
                    <div>

                        <div class="" v-for="(metricData, metric) in metricGroupData">

                            <!-- Multiple ways of rendering metrics based on screen size -->
                            <div class="columns hide-xl mb-2">
              