Compact metric

Metric styletype: "metric"

Large numbers abbreviated to 48.3K style for dashboards and social cards, with the value pushed on every API call. Generate compact KPI tiles free.

Edit it — this is the actual editor panel

Design JSON — “Compact” variant

{
  "title": "Metric sample",
  "description": "A dynamic KPI tile",
  "dimensions": {
    "width": 800,
    "height": 420
  },
  "background": {
    "color": "#ffffff"
  },
  "components": [
    {
      "id": "sample-metric",
      "key": "revenue",
      "type": "metric",
      "position": {
        "x": 250,
        "y": 140
      },
      "rotation": 0,
      "size": {
        "width": 300,
        "height": 140
      },
      "dynamic": true,
      "properties": {
        "value": 48250,
        "label": "Followers",
        "format": "compact",
        "labelPosition": "top",
        "delta": 12.5,
        "showDelta": true,
        "deltaFormat": "percent",
        "deltaDirection": "up-good",
        "align": "center",
        "opacity": 1
      }
    }
  ]
}

Metric examples

Real renders of the compact metric — each one is the same component with different property values, and the API payload below each preview reproduces it exactly.

Subscriber milestone card

A channel milestone tile — 1.3M subscribers with month-over-month growth.

API overrides for this example

{
  "revenue.format": "compact",
  "revenue.label": "Subscribers",
  "revenue.value": 1284000,
  "revenue.delta": 2.1
}

Total downloads tile

Lifetime package downloads abbreviated for a README or release card.

API overrides for this example

{
  "revenue.format": "compact",
  "revenue.label": "Downloads",
  "revenue.value": 483200,
  "revenue.showDelta": false
}

When to use the compact style

Follower and subscriber counters
View or download milestone cards
Dashboard tiles with big round numbers

Use it dynamically via the API

Push the latest number with '<key>.value' (or just '<key>') and the change with '<key>.delta'; label and format are overridable too.

Full API request with this variant's current values — the playground above sends only the properties you change

curl --location 'https://render.imejis.io/v1/{{YOUR_DESIGN_ID}}' \
--header 'dma-api-key: {{YOUR_API_KEY}}' \
--header 'Content-Type: application/json' \
--data '{
    "revenue.value": 48250,
    "revenue.label": "Followers",
    "revenue.format": "compact",
    "revenue.labelPosition": "top",
    "revenue.delta": 12.5,
    "revenue.showDelta": true,
    "revenue.deltaFormat": "percent",
    "revenue.deltaDirection": "up-good",
    "revenue.align": "center",
    "revenue.opacity": 1
}'

Only send the properties you want to change — everything else keeps its design value. See the API documentation for all languages.

Other metric styles

DefaultCompactNegative delta Suffix units Currency

See the metric component page for the full property reference and FAQs.