No notes defined.
<figure class='c-stat c-stat--rating c-stat--semantic_differential '>
<span class='c-stat__text'>
<span class='c-stat__figure'>
<span class='c-stat__number
c-stat__number--negative
c-stat__number--negative--100
' aria-hidden='true'><span class='c-stat__number__wrapper'>Very bad</span></span>
<span class='c-stat__number
c-stat__number--negative
c-stat__number--negative--50
' aria-hidden='true'><span class='c-stat__number__wrapper'>Rated -2 (between -3 and 3)</span></span>
<span class='c-stat__number
c-stat__number--active
c-stat__number--negative
c-stat__number--negative--33
'><span class='c-stat__number__wrapper'>Rated -1 (between -3 and 3)</span></span>
<span class='c-stat__number
' aria-hidden='true'><span class='c-stat__number__wrapper'>Neutral</span></span>
<span class='c-stat__number
c-stat__number--positive
c-stat__number--positive--33
' aria-hidden='true'><span class='c-stat__number__wrapper'>Rated 1 (between -3 and 3)</span></span>
<span class='c-stat__number
c-stat__number--positive
c-stat__number--positive--50
' aria-hidden='true'><span class='c-stat__number__wrapper'>Rated 2 (between -3 and 3)</span></span>
<span class='c-stat__number
c-stat__number--positive
c-stat__number--positive--100
' aria-hidden='true'><span class='c-stat__number__wrapper'>Very good</span></span>
</span>
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>Problem-solution Fit</strong>
<span class='c-stat__detail'>Nothing is more important than to understand what problem you want to solve for whom and how. Only then we can think of the business model and operations. How would the rate the venture's current status?</span>
</figcaption>
</span>
</figure>
<figure class='{{ get_component_class( 'stat', display ) }} {% if icon %} c-stat--with-icon {% endif %}'>
{% if icon %}
{% include '@unit/icon/icon.twig' with icon|merge( { display: { component: 'stat', modifiers: [ 'huge' ] } } ) %}
{% endif %}
<span class='c-stat__text'>
<span class='c-stat__figure'>
{% for key, value in scale %}
<span class='c-stat__number
{% if key == figure %} c-stat__number--active {% endif %}
{% if key < neutral %}
c-stat__number--negative
c-stat__number--negative--{{ ( 100 / key )|number_format }}
{% endif %}
{% if key > neutral %}
c-stat__number--positive
c-stat__number--positive--{{ ( 100 / ( max + 1 - key ) )|number_format }}
{% endif %}'
{% if key != figure %} aria-hidden='true' {% endif %}><span class='c-stat__number__wrapper'>{{ value }}</span></span>
{% endfor %}
</span>
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>{{ caption | raw }}</strong>
{% if detail %}
<span class='c-stat__detail'>{{ detail | raw }}</span>
{% endif %}
</figcaption>
</span>
</figure>
{
"figure": 3,
"suffix": null,
"caption": "Problem-solution Fit",
"detail": "Nothing is more important than to understand what problem you want to solve for whom and how. Only then we can think of the business model and operations. How would the rate the venture's current status?",
"display": {
"modifiers": [
"rating",
"semantic_differential"
]
},
"max": 7,
"literal": "Very bad",
"neutral": 4,
"scale": {
"1": "Very bad",
"2": "Rated -2 (between -3 and 3)",
"3": "Rated -1 (between -3 and 3)",
"4": "Neutral",
"5": "Rated 1 (between -3 and 3)",
"6": "Rated 2 (between -3 and 3)",
"7": "Very good"
}
}