Copy environment

Number

Preview 
<div class="number  ">

    <span class="number__reference h1 number__value">
            536000
        </span>
    <span class="h1 color-green number__value number__value--animated js-number" data-final="536000" data-separator=" ">
        536000
    </span>
</div>
 
{
  "language": "en-US",
  "data": {
    "isAnimated": true,
    "final": "536000",
    "separator": " "
  }
}

Dot

Preview 
<div class="number  ">

    <span class="number__reference h1 number__value">
            9.7
        </span>
    <span class="h1 color-green number__value number__value--animated js-number" data-final="9.7" data-separator=" " data-comma="1" data-dot="true">
        9.7
    </span>
</div>
 
{
  "language": "en-US",
  "data": {
    "isAnimated": true,
    "final": "9.7",
    "separator": " ",
    "dot": true,
    "comma": 1
  }
}

Comma

Preview 
<div class="number  ">

    <span class="number__reference h1 number__value">
            9.7
        </span>
    <span class="h1 color-green number__value number__value--animated js-number" data-final="9.7" data-separator=" " data-comma="3">
        9.7
    </span>
</div>
 
{
  "language": "en-US",
  "data": {
    "isAnimated": true,
    "final": "9.7",
    "separator": " ",
    "comma": 3
  }
}

Unit

Preview 
<div class="number  ">

    <span class="number__reference h1 number__value">
            100
        </span>
    <span class="h1 color-green number__value number__value--animated js-number" data-final="100" data-separator=" ">
        100
    </span>
    <span class="h1 color-green number__unit">%</span>
</div>
 
{
  "language": "en-US",
  "data": {
    "isAnimated": true,
    "final": "100",
    "separator": " ",
    "unit": "%"
  }
}

Not Animated

Preview 
<div class="number  ">
    <span class="h1 color-green number__value ">
        536000
    </span>
</div>
 
{
  "language": "en-US",
  "data": {
    "isAnimated": null,
    "final": "536000",
    "separator": " "
  }
}