Гистограмма

Чтобы разместить гистограмму, используйте вложенную структуру элементов div:
<div data-block="histogram">
    <div data-block="histogram-item" ...></div>
    ...
</div>
Корневой <div data-block="histogram"> должен содержать хотя бы один вложенный <div data-block="histogram-item">.

<div data-block="histogram">
    <div data-block="histogram-item"
        data-title="MON"
        data-value="+16"
        data-height="60"
        data-color="#eceef2"
        data-icon="https://yastatic.net/weather/i/icons/funky/dark/skc_d.svg"></div>
    <div data-block="histogram-item"
        data-title="TUE"
        data-value="+18"
        data-height="70"
        data-color="#eceef2"
        data-icon="https://yastatic.net/weather/i/icons/funky/dark/skc_d.svg"></div>
    <div data-block="histogram-item"
        data-title="WED"
        data-value="+8"
        data-height="30"
        data-color="#eceef2"
        data-icon="https://yastatic.net/weather/i/icons/funky/dark/ovc_ra.svg"></div>
    <div data-block="histogram-item"
        data-title="THU"
        data-value="+10"
        data-height="40"
        data-color="#eceef2"
        data-icon="https://yastatic.net/weather/i/icons/funky/dark/bkn_d.svg"></div>
</div>

Атрибуты вложенного блока <div data-block="histogram-item">:

data-title *
Заголовок столбика.
data-value *
Значение, которое отображается над столбиком.
data-height *
Высота столбика от 0 до 100.
data-icon *
URL иконки.
data-color
Цвет столбика.

Обязательный параметр