Histogram

To insert a histogram, use the div structure with nested elements. The root <div data-block="histogram"> element must contain at least one nested <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>
Copied to clipboard

The attributes of the nested <div data-block="histogram-item"> block:

data-title *
Column title.
data-value *
The value displayed above the column.
data-height *
The height of the column is from 0 to 100.
data-icon *
The icon URL.
data-color
The column color.

Required