{# ranking_evolution_chart #}
{% if ranking_evolution_chart and ranking_evolution_chart.points is not empty %}
    {% set chart = ranking_evolution_chart %}
    <figure class="team-evolution-line-chart" role="img" aria-label="Courbe du rang sur {{ chart.matchday_count }} journée(s) de compétition">
        <svg class="team-evolution-line-chart__svg" viewBox="0 0 {{ chart.chart_w }} {{ chart.chart_h }}" preserveAspectRatio="xMinYMid meet">
            {% for tick in chart.y_ticks %}
                <line class="team-evolution-line-chart__grid" x1="{{ chart.pad_l }}" y1="{{ tick.svg_y }}" x2="{{ chart.chart_w - chart.pad_r }}" y2="{{ tick.svg_y }}"></line>
                <text class="team-evolution-line-chart__axis-y" x="{{ chart.pad_l - 8 }}" y="{{ tick.svg_y + 4 }}" text-anchor="end">#{{ tick.rank }}</text>
            {% endfor %}
            {% for label in chart.x_labels %}
                {% if label.show %}
                    <text class="team-evolution-line-chart__axis-x" x="{{ label.svg_x }}" y="{{ chart.chart_h - 10 }}" text-anchor="middle">{{ label.label }}</text>
                {% endif %}
            {% endfor %}
            {% for segment in chart.polyline_segments %}
                {% if segment is not empty %}
                    <polyline class="team-evolution-line-chart__line" points="{{ segment }}" fill="none"></polyline>
                {% endif %}
            {% endfor %}
            {% for pt in chart.points %}
                <circle class="team-evolution-line-chart__dot" cx="{{ pt.svg_x }}" cy="{{ pt.svg_y }}" r="4.5">
                    <title>{{ pt.label }} — #{{ pt.y }} / {{ pt.teams_count }}</title>
                </circle>
            {% endfor %}
        </svg>
        <figcaption class="team-evolution-line-chart__caption">
            Abscisse : journées de la compétition · Ordonnée : rang (#1 en haut)
        </figcaption>
    </figure>
{% endif %}