Charts / CH-RNK-06
CH-RNK-06 . family RNK

TABLE WITH BARS

table rows with an inline magnitude bar and a signed delta column. Needs: categories with one exact value each, plus a change vs a prior period.

rankinglookup

DL-01 AGRAW
Piping holds 84 of 213 open items OPEN ITEMS VS LAST WEEK Piping 84 items -6 Electrical 46 +4 Instrumentation 33 -2 Civil 22 0 Mechanical 18 +3 HVAC 10 -1 Source: weekly punch list, wk 28

Use when

  • readers need exact values AND instant rank perception
  • weekly lists where the change column carries the action

Do not use when

  • more than 10 rows (paginate or aggregate)
  • no exact-value need (CH-RNK-01)

See instead

Alternatives

  • CH-RNK-01 (bar alone when exact lookup is secondary)
  • CH-TAB-03 (KPI table, planned)

Rules

  • rows sorted descending by value
  • deltas signed and colored by sign, zero stays neutral ink
  • hairline rules between rows, no zebra fills
  • one highlight maximum

Never do this

  • zebra striping
  • unsorted rows
  • sparklines squeezed into cells
  • coloring the whole row by status

QA before delivering

  • rows sorted descending
  • deltas signed
  • unit once
  • highlight <= 1
  • source present

Data shape

titleaction title with a number
sourcebottom-left always
uniton first value label
value_headerCAPS column header over the bars
delta_headerCAPS column header over the delta column
categoriesarray of {label, value, delta, highlight?}
Sample data (golden)
{
  "title": "Piping holds 84 of 213 open items",
  "eyebrow": "OPEN ITEMS BY SECTION",
  "source": "Source: weekly punch list, wk 28",
  "unit": "items",
  "value_header": "OPEN ITEMS",
  "delta_header": "VS LAST WEEK",
  "categories": [
    {
      "label": "Piping",
      "value": 84,
      "delta": -6,
      "highlight": true
    },
    {
      "label": "Electrical",
      "value": 46,
      "delta": 4
    },
    {
      "label": "Instrumentation",
      "value": 33,
      "delta": -2
    },
    {
      "label": "Civil",
      "value": 22,
      "delta": 0
    },
    {
      "label": "Mechanical",
      "value": 18,
      "delta": 3
    },
    {
      "label": "HVAC",
      "value": 10,
      "delta": -1
    }
  ]
}