@baravak/risloo-profile-cli 4.46.3 → 4.75.0

package/src/samples/RIASEC9A.js

@@ -0,0 +1,256 @@
+const { Profile, Mappings } = require("../Profile");
+
+class RIASEC9A extends Profile {
+  // Number of pages
+  static pages = 3;
+
+  // Labels of the sample
+  labels = {
+    L1_0: { eng: "realistic_raw", fr: "واقع‌گرا", short: "و", enShort:"R" },
+    L1_1: { eng: "realistic_percentage" },
+    L1_2: { eng: "realistic_rank" },
+    L1_3: { eng: "realistic_congruence" },
+    L1_4: { eng: "realistic_calibrated" },
+    L2_0: { eng: "investigative_raw", fr: "جستجوگر", short: "ج", enShort:"I" },
+    L2_1: { eng: "investigative_percentage" },
+    L2_2: { eng: "investigative_rank" },
+    L2_3: { eng: "investigative_congruence" },
+    L2_4: { eng: "investigative_calibrated" },
+    L3_0: { eng: "artistic_raw", fr: "هنری", short: "هـ", enShort:"A" },
+    L3_1: { eng: "artistic_percentage" },
+    L3_2: { eng: "artistic_rank" },
+    L3_3: { eng: "artistic_congruence" },
+    L3_4: { eng: "artistic_calibrated" },
+    L4_0: { eng: "social_raw", fr: "اجتماعی", short: "الف", enShort:"S" },
+    L4_1: { eng: "social_percentage" },
+    L4_2: { eng: "social_rank" },
+    L4_3: { eng: "social_congruence" },
+    L4_4: { eng: "social_calibrated" },
+    L5_0: { eng: "enterprising_raw", fr: "متهور", short: "م", enShort:"E" },
+    L5_1: { eng: "enterprising_percentage" },
+    L5_2: { eng: "enterprising_rank" },
+    L5_3: { eng: "enterprising_congruence" },
+    L5_4: { eng: "enterprising_calibrated" },
+    L6_0: { eng: "conventional_raw", fr: "قراردادی", short: "ق", enShort:"C" },
+    L6_1: { eng: "conventional_percentage" },
+    L6_2: { eng: "conventional_rank" },
+    L6_3: { eng: "conventional_congruence" },
+    L6_4: { eng: "conventional_calibrated" },
+    Llt: { eng: "code_letters_abbr" },
+    
+  };
+
+  profileSpec = {
+    /* "sample" determines some important info about the sample and profile */
+    /* Default prerequisites: 1. gender, 2. age, 3. education */
+    /* "prerequisites" is synonym to "fields" in our program */
+    sample: {
+      name: "پرسشنامه رغبت‌سنج تحصیلی - شغلی هالند - ویرایش حوزه" /* Name of the sample */,
+      multiProfile: false /* Whether the sample has multiple profiles or not */,
+      questions: true /* Determines whether to get questions from inital dataset or not */,
+      defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
+    },
+    /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
+    /* calculating its dimensions carefully is of great importance */
+    profile: {
+      get dimensions() {
+        return [
+          {
+            width: 602 + 2 * this.padding[0].x,
+            height: 595 + 2 * this.padding[0].y,
+          },
+          {
+            width: 592 + 2 * this.padding[1].x,
+            height: 523 + 2 * this.padding[1].y,
+          },
+          {
+            width: 686 + 2 * this.padding[2].x,
+            height: 404 + 2 * this.padding[2].y,
+          },
+        ];
+      },
+      padding: [
+        {
+          x: 0,
+          y: 51,
+        },
+        {
+          x: 147,
+          y: 96,
+        },
+        {
+          x: 109,
+          y: 155,
+        },
+      ],
+    },
+    /* "items" is the general term used for independent data elements to be drawn in the profile */
+    items: {
+      offsetY: 32 /* Horizontal offset between two top items */,
+      get distanceY() {
+        return this.offsetY + this.rect.body.height;
+      } /* Horizontal distance between two top items */,
+      maxValue: 50 /* Maximum value of items */,
+      rect: {
+        base: {
+          height: 4,
+        },
+        body: {
+          height: 8,
+          brs: {
+            tl: 0,
+            tr: 4,
+            bl: 0,
+            br: 0,
+          },
+        },
+        widthCoeff: 500 / 56,
+        opacityMappings: new Mappings()
+          .addMapping("1-10", 0.6)
+          .addMapping("11-20", 0.7)
+          .addMapping("21-30", 0.8)
+          .addMapping("31-40", 0.9)
+          .addMapping("41-50", 1) /* Opacity mapping for marks */,
+      },
+    },
+    /* "labels" part which has to be provided for each profile */
+    labels: Object.values(this.labels),
+  };
+
+  constructor(dataset, options, config = {}) {
+    super();
+    this._init(dataset, options, config);
+  }
+
+  _calcContext() {
+    const {
+      spec: { parameters: spec },
+      dataset,
+    } = this;
+
+    // Deconstructing the Spec of the Profile
+    const { items: itemsSpec } = spec;
+    const Items = [];
+    for (let i = 0; i < 30; i += 5) {
+      const item = dataset.score[i];
+      item.percentage = dataset.score[i + 1].mark ?? 0;
+      item.rank = dataset.score[i + 2].mark ?? 0;
+      item.congruence = dataset.score[i + 3].mark ?? 0;
+      item.calibrated = dataset.score[i + 4].mark ?? 0;
+      Items.push(item);
+    }
+    const map = new Map(Items.map(i => [i.label.enShort, i.label.short]))
+    const reportMap = dataset.score[30].mark.split('-').map(r => {
+      return r.split(',').map(key => map.get(key)).join(' - ')
+    }).reverse()
+    // Gathering required info for page 1 items
+    const items = Items.map((data) => ({
+      label: data.label,
+      mark: data.mark,
+      width: data.mark * itemsSpec.rect.widthCoeff,
+      opacity: itemsSpec.rect.opacityMappings.map(data.mark),
+      percentage: data.percentage,
+      rank: data.rank,
+      congruence: data.congruence,
+      calibrated: data.calibrated,
+    }));
+    const questionItems = [
+      {
+        label: "فعالیت‌ها",
+        marks: Array(6)
+          .fill(11)
+          .map((n, index) =>
+            dataset.questions
+              .slice(index * n, (index + 1) * n)
+              .reduce((sum, { user_answered }) => sum + (+user_answered !== 2 ? 1 : 0), 0)
+          ),
+      },
+      {
+        label: "تجربه‌ها",
+        marks: Array(6)
+          .fill(11)
+          .map((n, index) =>
+            dataset.questions
+              .slice(66 + index * n, 66 + (index + 1) * n)
+              .reduce((sum, { user_answered }) => sum + (+user_answered !== 2 ? 1 : 0), 0)
+          ),
+      },
+      {
+        label: "مشاغل",
+        marks: Array(6)
+          .fill(14)
+          .map((n, index) =>
+            dataset.questions
+              .slice(132 + index * n, 132 + (index + 1) * n)
+              .reduce((sum, { user_answered }) => sum + (+user_answered !== 2 ? 1 : 0), 0)
+          ),
+      },
+      {
+        label: "خودسنجی ۱",
+        marks: dataset.questions.slice(216, 216 + 6).map((q) => +q.user_answered),
+      },
+      {
+        label: "خودسنجی ۲",
+        marks: dataset.questions.slice(222, 222 + 6).map((q) => +q.user_answered),
+      },
+    ];
+    const itemObject = {};
+    let last = undefined;
+    const list = items
+      .map((item) => item.mark)
+      .sort((a, b) => b - a)
+      .filter((mark, i) => {
+        if (i <= 2) {
+          last = mark;
+          return true;
+        }
+        if (mark === last) {
+          return true;
+        } else {
+          return false;
+        }
+      });
+    items.forEach((item) => (itemObject[item.label.eng.slice(0, -4)] = item));
+    const itemRadians = [
+      itemObject.artistic,
+      itemObject.social,
+      itemObject.enterprising,
+      itemObject.conventional,
+      itemObject.realistic,
+      itemObject.investigative,
+    ].map((item, i) => {
+      const mark = ((item.mark ?? 0) * 207) / 56;
+      item.rad = pointsToCoordinates(mark - 14, i * 60);
+      item.bold = list.includes(item.mark);
+      item.percentageText = Math.floor(item.percentage * 100);
+      return item;
+    });
+    return [
+      {
+        items: [...items].sort((item1, item2) => item2.mark - item1.mark),
+        questionItems,
+        titleAppend: " - ۱",
+      },
+      {
+        itemRadians,
+        titleAppend: " - ۲",
+      },
+      {
+        items: [...items].reverse(),
+        reportMap,
+        titleAppend: " - ۳",
+      },
+    ];
+  }
+}
+
+function pointsToCoordinates(mark, angle) {
+  angle = (angle * Math.PI) / 180;
+  const start = [296 + 31 * Math.cos(angle), 261.5 + 31 * Math.sin(angle)];
+  const end = [start[0] + mark * Math.cos(angle), start[1] + mark * Math.sin(angle)];
+  const value = [end[0] + 12 * Math.cos(angle), end[1] + 12 * Math.sin(angle)];
+  return { start, end, value };
+}
+
+module.exports = RIASEC9A;

package/src/samples/RSI93.js

@@ -0,0 +1,89 @@
+const { Profile } = require("../Profile");
+
+class RSI93 extends Profile {
+  static pages = 1;
+
+  // RSI93 — "تصور از خدا" (خسروی). Chart has two halves:
+  //   • Left  : two mirrored donut-ring gauges (pink = negative image, green = positive image).
+  //   • Right : two horizontal bars (god_in_life, god_cares) — the two sub-factors whose
+  //             sum is the positive-image score (per the designer).
+  // Maxes = items × 5 (scoring/RSI93.py → round(raw / (count·5), 2)):
+  //   negative_image 6→30, positive_image 21→105, god_in_life 11→55, god_cares 10→50.
+  // Each factor exposes _raw + _percentage; we read raw for the "X از Y" fraction and the
+  // 0–1 percentage for the fill sweep + the "٪ NN" label (designer: "محاسبه با درصد").
+  labels = {
+    L1_1: { eng: "negative_image_raw", max: 30 },
+    L1_2: { eng: "negative_image_percentage" },
+
+    L2_1: { eng: "positive_image_raw", max: 105 },
+    L2_2: { eng: "positive_image_percentage" },
+
+    L3_1: { eng: "god_in_life_raw", max: 55, title: "حضور خدا در زندگی" },
+    L3_2: { eng: "god_in_life_percentage" },
+
+    L4_1: { eng: "god_cares_raw", max: 50, title: "مراقبت خداوند" },
+    L4_2: { eng: "god_cares_percentage" },
+  };
+
+  profileSpec = {
+    sample: {
+      name: "پرسشنامه تصور از خدا (خسروی)",
+      multiProfile: false,
+      questions: false,
+      defaultFields: true,
+      fields: [],
+    },
+    profile: {
+      get dimensions() {
+        return {
+          width: 740 + 2 * this.padding.x, // Chart layer 740 wide  → 943 page
+          height: 318 + 2 * this.padding.y, // Chart layer 318 tall  → 754 page
+        };
+      },
+      padding: {
+        x: 101.5, // (943 − 740) / 2
+        y: 218, //   (754 − 318) / 2
+      },
+    },
+    labels: Object.values(this.labels),
+  };
+
+  constructor(dataset, options, config = {}) {
+    super();
+    this._init(dataset, options, config);
+  }
+
+  _calcContext() {
+    const { dataset } = this;
+    const s = dataset.score;
+
+    const neg = packItem(s[0], s[1]); // negative image → left ring (pink)
+    const pos = packItem(s[2], s[3]); // positive image → right ring (green)
+
+    // Ring fill sweep. Both rings: 0 % at the bottom base (90°), 100 % at the top.
+    //   • Left ring  fills clockwise up the LEFT  (increasing θ): zeta = π/2 + p·π (direction false).
+    //   • Right ring fills counter-cw up the RIGHT (decreasing θ): zeta = π/2 − p·π (direction true).
+    neg.zeta = Math.PI / 2 + neg.p * Math.PI;
+    pos.zeta = Math.PI / 2 - pos.p * Math.PI;
+
+    const bars = [
+      packItem(s[4], s[5]), // god_in_life
+      packItem(s[6], s[7]), // god_cares
+    ];
+
+    return [{ neg, pos, bars }];
+  }
+}
+
+// Merge a factor's _raw and _percentage score entries into one drawing item.
+function packItem(raw, percentage) {
+  return {
+    label: raw.label,
+    max: raw.label.max,
+    mark: raw.mark ?? 0,
+    percentage: Math.round((percentage.mark ?? 0) * 100),
+    p: percentage.mark ?? 0,
+  };
+}
+
+module.exports = RSI93;

package/src/samples/SASQ93.js

@@ -19,7 +19,7 @@ class SASQ93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/SDCAQ93.js

@@ -23,7 +23,7 @@ class SDCAQ93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/STAIY93.js

@@ -19,7 +19,7 @@ class STAIY93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/WAQ93.js

@@ -25,7 +25,7 @@ class WAQ93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/YBOCS93.js

@@ -398,7 +398,7 @@ class YBOCS93 extends Profile {
       multiProfile: true /* Whether the sample has multiple profiles or not */,
       questions: true /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/YPI93.js

@@ -3,6 +3,10 @@ class YPI93 extends Profile {
   // Number of pages
   static pages = 2;
 
+  static partials = {
+    YPI93_factors: "samples/YPI93_factors.hbs",
+  };
+
   // Labels of the sample
     labels = {
     L1_fs: { eng: "ab_father_score", group: 1},
@@ -347,4 +351,4 @@ const Items = {
     60:f15,61:f15,62:f15,63:f15,64:f15,
     65:f16,66:f16,67:f16,68:f16,
     69:f17,70:f17,71:f17,72:f17
-}
+}

package/views/profiles/MCMI9A_facets_partial.hbs

@@ -0,0 +1,96 @@
+<defs>
+  <linearGradient id="mcmGray" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#CBD5E1"/>
+    <stop offset="1" stop-color="#94A3B8"/>
+  </linearGradient>
+  <linearGradient id="mcmZinc" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#D4D4D8"/>
+    <stop offset="1" stop-color="#A1A1AA"/>
+  </linearGradient>
+  <linearGradient id="mcmYellow" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#FEF08A"/>
+    <stop offset="1" stop-color="#EAB308"/>
+  </linearGradient>
+  <linearGradient id="mcmOrange" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#FDBA74"/>
+    <stop offset="1" stop-color="#EA580C"/>
+  </linearGradient>
+  <linearGradient id="mcmRose" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#FDA4AF"/>
+    <stop offset="1" stop-color="#E11D48"/>
+  </linearGradient>
+  <filter id="mcmFacetBaseline" x="24" y="358" width="838" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="1"/>
+    <feGaussianBlur stdDeviation="1.5"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+</defs>
+
+<g transform="translate({{padding.x}}, {{padding.y}})">
+  {{#each groups as |group|}}
+    {{#each group.facets as |item|}}
+      <g transform="translate({{item.x}}, 61)">
+        {{bar 16 300 (object tl=2 bl=0 tr=2 br=0) (toRad 0) fill=item.theme.track}}
+      </g>
+    {{/each}}
+  {{/each}}
+
+  <line x1="26.5" y1="61.5" x2="857.5" y2="61.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+  <line x1="26.5" y1="136.5" x2="857.5" y2="136.5" stroke="#D1D5DB" stroke-linecap="round"/>
+  <line x1="26.5" y1="211.5" x2="857.5" y2="211.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+  <line x1="26.5" y1="286.5" x2="857.5" y2="286.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+  <text x="10" y="70.5" transform="rotate(-90 10 70.5)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">100</text>
+  <text x="10" y="136.5" transform="rotate(-90 10 136.5)" direction="ltr" font-size="12" font-weight="500" fill="#6B7280" text-anchor="middle">75</text>
+  <text x="10" y="211.5" transform="rotate(-90 10 211.5)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">50</text>
+  <text x="10" y="286.5" transform="rotate(-90 10 286.5)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">25</text>
+  <text x="10" y="361.5" transform="rotate(-90 10 361.5)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">BR</text>
+  <text x="10" y="0" transform="rotate(-90 10 0)" font-size="12" fill="#9CA3AF" text-anchor="start">نمره خام</text>
+  <path d="M3 48H10M7 51L10 48L7 45" fill="none" stroke="#9CA3AF" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
+
+  {{#each groups as |group|}}
+    {{#each group.facets as |item|}}
+      {{#if item.barHeight}}
+        <g transform="translate({{item.x}}, {{item.barTop}})" fill="url(#{{item.theme.gradient}})">
+          {{bar 16 item.barHeight (object tl=2 bl=0 tr=2 br=0) (toRad 0)}}
+        </g>
+      {{/if}}
+      <text x="{{item.center}}" y="{{item.scoreY}}" transform="rotate(-90 {{item.center}} {{item.scoreY}})" direction="ltr" font-size="15" font-weight="{{ternary item.inside '600' '400'}}" fill="{{ternary item.inside 'white' item.theme.dark}}" text-anchor="{{item.scoreAnchor}}" dy=".35em">{{item.br}}</text>
+      <rect x="{{item.x}}" y="16" width="16" height="36" rx="2" fill="{{item.theme.track}}"/>
+      <text x="{{item.center}}" y="34" transform="rotate(-90 {{item.center}} 34)" direction="ltr" font-size="13" fill="{{item.theme.dark}}" text-anchor="middle" dy=".35em">{{item.raw}}</text>
+      {{!--
+        The code is centered in an invisible 32 × 16 box at y=366..398.
+        Gaps: chart baseline → code box = 4, code box → dash = 8,
+        dash → Persian title = 8.
+      --}}
+      <text class="eng-font" x="{{item.center}}" y="382" transform="rotate(-90 {{item.center}} 382)" direction="ltr" font-size="13" font-weight="{{ternary item.inside '600' '400'}}" fill="{{item.theme.text}}" text-anchor="middle" dy=".35em">{{item.code}}</text>
+      <text x="{{item.center}}" y="408.5" transform="rotate(-90 {{item.center}} 408.5)" font-size="13" font-weight="{{ternary item.inside '600' '300'}}" fill="{{item.theme.text}}" text-anchor="middle" dy=".35em">-</text>
+      <text x="{{item.center}}" y="419.6" transform="rotate(-90 {{item.center}} 419.6)" font-size="13" font-weight="{{ternary item.inside '600' '400'}}" fill="{{item.theme.text}}" text-anchor="start" dy=".35em">{{item.fa}}</text>
+    {{/each}}
+
+    <rect x="{{group.cardX}}" y="615.5" width="79" height="47" rx="4" fill="{{group.theme.card}}" stroke="{{group.theme.stroke}}"/>
+    {{#if (boolean group.key "===" "6b")}}
+      <g transform="rotate(180 {{math group.cardX '+' 39.5}} 639)">
+        <text x="{{math group.cardX '+' 39.5}}" y="631" dy=".3em" font-size="13" font-weight="500" fill="{{group.theme.dark}}" text-anchor="middle">دیگرآزار</text>
+        <text x="{{math group.cardX '+' 39.5}}" y="647" dy=".3em" font-size="13" font-weight="500" fill="{{group.theme.dark}}" text-anchor="middle">(سادیستیک)</text>
+      </g>
+    {{else}}
+      <text x="{{math group.cardX '+' 39.5}}" y="639" transform="rotate(180 {{math group.cardX '+' 39.5}} 639)" dy=".3em" font-size="13" font-weight="500" fill="{{group.theme.dark}}" text-anchor="middle">{{group.fa}}</text>
+    {{/if}}
+    <g transform="translate({{math group.cardX '+' 3.5}}, 663)">
+      {{bar 72 36 (object tl=0 tr=0 bl=2 br=2) (toRad 0) fill=group.theme.card}}
+    </g>
+    <line x1="{{math group.cardX '+' 39.5}}" y1="666" x2="{{math group.cardX '+' 39.5}}" y2="696" stroke="{{group.theme.divider}}"/>
+    <text class="eng-font" x="{{math group.cardX '+' 19.5}}" y="681" transform="rotate(-90 {{math group.cardX '+' 19.5}} 681)" direction="ltr" font-size="13" font-weight="500" fill="{{group.theme.cardText}}" text-anchor="middle" dy=".35em">{{group.code}}</text>
+    <text x="{{math group.cardX '+' 59.5}}" y="681" transform="rotate(-90 {{math group.cardX '+' 59.5}} 681)" direction="ltr" font-size="13" font-weight="500" fill="{{group.theme.cardText}}" text-anchor="middle" dy=".35em">{{group.br}}</text>
+  {{/each}}
+
+  <g opacity="0.5" filter="url(#mcmFacetBaseline)">
+    <line x1="26.5" y1="361.5" x2="857.5" y2="361.5" stroke="white" stroke-linecap="round"/>
+  </g>
+</g>