{#- Publication-venues bar chart, driven by `criteria.scholarly.venues` in
    data/criteria.yaml. Row layout, bar widths and the reference gridline are
    all computed below from `bars`, so you only edit labels/values there.
    `metrics` (n/label pairs) renders as a key-numbers strip underneath,
    styled like the metrics row on the 2-page CV. -#}
{%- set vn = criteria.scholarly.venues -%}
{%- set n = vn.bars | length -%}
{%- set X0 = 178 -%}{%- set X1 = 691 -%}{%- set W = X1 - X0 -%}
{%- set row_h = 20 -%}{%- set bar_h = 12 -%}
{%- set max_value = vn.bars | map(attribute='value') | max -%}
{%- set scale = W / max_value -%}
{%- set height = row_h * n + 28 -%}
{%- set ref_x = (X0 + vn.ref_line * scale) | round(1) -%}
<p class="figcap">{{ vn.caption }}</p>
<svg viewBox="0 0 720 {{ height }}" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="{{ vn.aria or vn.caption }}">
  <!-- IF {{ vn.ref_line }} reference line -->
  <line x1="{{ ref_x }}" y1="12" x2="{{ ref_x }}" y2="{{ height - 10 }}" stroke="#d4dae1" stroke-width="1" stroke-dasharray="3 3"/>
  <text x="{{ ref_x + 4 }}" y="12" font-size="8.5" fill="#8a9099">IF {{ vn.ref_line }}</text>

  {%- for b in vn.bars %}
  {%- set y_text = 27 + row_h * loop.index0 %}
  {%- set y_rect = 18 + row_h * loop.index0 %}
  {%- set w = (b.value * scale) | round(1) %}
  <text x="170" y="{{ y_text }}" text-anchor="end" font-size="10" fill="#1c1f23">{{ b.label }}</text>
  <rect x="{{ X0 }}" y="{{ y_rect }}" width="{{ w }}" height="{{ bar_h }}" rx="3" fill="{{ b.fill or '#1a5faa' }}"><title>{{ b.title }}</title></rect>
  <text x="{{ (X0 + w + 6) | round(1) }}" y="{{ y_text }}" font-size="9.5" fill="#555b63">{{ '%.1f' | format(b.value) }}</text>
  {%- endfor %}
</svg>
{%- if vn.metrics %}
<div class="metricbar">
  {%- for m in vn.metrics %}<div><span class="n">{{ m.n }}</span><span class="l">{{ m.l }}</span></div>{% endfor %}
</div>
{%- endif %}