Currency metric

Metric styletype: "metric"

Revenue counters formatted as money — custom currency symbol, thousands separators and a growth delta — refreshed on every API call. Try Imejis free.

Edit it — this is the actual editor panel

Design JSON — “Currency” 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": 128400,
        "label": "Monthly revenue",
        "format": "currency",
        "labelPosition": "top",
        "delta": 6.8,
        "showDelta": true,
        "deltaFormat": "percent",
        "deltaDirection": "up-good",
        "align": "center",
        "opacity": 1,
        "currencySymbol": "$"
      }
    }
  ]
}

Metric examples

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

MRR tile for an investor update

Monthly recurring revenue in dollars with month-over-month growth.

API overrides for this example

{
  "revenue.value": 86300,
  "revenue.format": "currency",
  "revenue.currencySymbol": "$",
  "revenue.label": "MRR",
  "revenue.delta": 9.2,
  "revenue.showDelta": true
}

Euro storefront takings

Daily shop revenue in euros — same tile, different currency symbol.

API overrides for this example

{
  "revenue.value": 4680,
  "revenue.format": "currency",
  "revenue.currencySymbol": "€",
  "revenue.label": "Sales today",
  "revenue.delta": 3.1,
  "revenue.showDelta": true
}

When to use the currency style

Daily sales totals posted to Slack
MRR and ARR tiles for investor updates
Storefront revenue milestone cards

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": 128400,
    "revenue.label": "Monthly revenue",
    "revenue.format": "currency",
    "revenue.labelPosition": "top",
    "revenue.delta": 6.8,
    "revenue.showDelta": true,
    "revenue.deltaFormat": "percent",
    "revenue.deltaDirection": "up-good",
    "revenue.align": "center",
    "revenue.opacity": 1,
    "revenue.currencySymbol": "$"
}'

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

Other metric styles

Default Compact Negative delta Suffix unitsCurrency

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