{% extends 'svg/scatterplot-inline.jinja' %}
{% block datapoint scoped %}
    <rect class="bar" 
        x="{{ datapoint['x'] }}%"
        y="{{ datapoint['y'] }}%"
        transform="translate({{ - content.bar_width / 2}} 0 )" {# center bar on actual x coordinate of value #}
        height="{{ 100 - datapoint['y'] }}%"
        width="{{ content.bar_width }}"
        style="--palette-color: {{ content.palette[layer_name] }}"
    />
{% endblock %}
