{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
  "elmType": "div",
  "children": [
    {
      "elmType": "span",
      "attributes": {
        "class": {
          "operator": "?",
          "operands": [
            {
              "operator": ">",
              "operands": [
                "[$After]",
                "[$Before]"
              ]
            },
            "sp-field-trending--up",
            {
              "operator": "?",
              "operands": [
                {
                  "operator": "<",
                  "operands": [
                    "[$After]",
                    "[$Before]"
                  ]
                },
                "sp-field-trending--down",
                ""
              ]
            }
          ]
        },
        "iconName": {
          "operator": "?",
          "operands": [
            {
              "operator": ">",
              "operands": [
                "[$After]",
                "[$Before]"
              ]
            },
            "SortUp",
            {
              "operator": "?",
              "operands": [
                {
                  "operator": "<",
                  "operands": [
                    "[$After]",
                    "[$Before]"
                  ]
                },
                "SortDown",
                ""
              ]
            }
          ]
        }
      },
      "style": {
        "padding-left": {
          "operator": "?",
          "operands": [
            {
              "operator": "==",
              "operands": [
                "[$After]",
                "[$Before]"
              ]
            },
            "12px",
            "0"
          ]
        }
      }
    },
    {
      "elmType": "span",
      "txtContent": "[$After]"
    },
    {
      "elmType": "span",
      "txtContent": {
        "operator": "?",
        "operands": [
          {
            "operator": ">",
            "operands": [
              "[$After]",
              "[$Before]"
            ]
          },
          {
            "operator": "+",
            "operands": [
              "(+",
              {
                "operator": "toString()",
                "operands": [
                  {
                    "operator": "-",
                    "operands": [
                      "[$After]",
                      "[$Before]"
                    ]
                  }
                ]
              },
              ")"
            ]
          },
          {
            "operator": "?",
            "operands": [
              {
                "operator": "<",
                "operands": [
                  "[$After]",
                  "[$Before]"
                ]
              },
              {
                "operator": "+",
                "operands": [
                  "(-",
                  {
                    "operator": "toString()",
                    "operands": [
                      {
                        "operator": "-",
                        "operands": [
                          "[$Before]",
                          "[$After]"
                        ]
                      }
                    ]
                  },
                  ")"
                ]
              },
              ""
            ]
          }
        ]
      },
      "attributes": {
        "class": {
          "operator": "?",
          "operands": [
            {
              "operator": ">",
              "operands": [
                "[$After]",
                "[$Before]"
              ]
            },
            "sp-field-trending--up",
            {
              "operator": "?",
              "operands": [
                {
                  "operator": "<",
                  "operands": [
                    "[$After]",
                    "[$Before]"
                  ]
                },
                "sp-field-trending--down",
                ""
              ]
            }
          ]
        }
      },
      "style": {
        "padding-left": "5px"
      }
    }
  ]
}