II · Components / 13
Data display
Every part the site is built from, live, in both themes.
Data display#
Numbers line up, every figure says where it came from, and every chart has a table behind it.
| Coverage | |||||
|---|---|---|---|---|---|
| Thick Obsidian Breastplate | Chest | 72 | 814 | +16 | Forever client |
| Beads of Ogre Might | Neck | 63 | Unknown | +7 | Forever client |
| Lionheart Helm | Head | 61 | 565 | +0 | Forever client |
| Runic Plate Shoulders | Shoulder | 60 | 427 | +14 | Forever client |
| Imperial Plate Bracers | Wrist | 54 | 225 | +8 | Forever client |
| Wild Leather Cloak | Back | 50 | 33 | +0 | Forever client |
Use
Sortable headings, numbers right-aligned in tabular figures, the source in the footer. Compact density is one setting away (see the nav).
- Item ID
- 12640
- Item level
- 61
- Required level
- 56
- Build
- Build1.60.1.70245
- Source
- Forever client
- Verification
- Unverified
Use
The top of every record: what it is, which build, where it came from.
Avenger's Breastplate instead of Thick Obsidian Breastplate · build 1.60.1.70245
- Armor
- +171
- Strength
- −15
- Agility
- +12
- Stamina
- +8
- Intellect
- +24
Use
Grouped as the planner groups them; changes as signed deltas with an arrow, never colour alone.
Press ⌘ K to search · Shift pins a tooltip
- Forever client build 1.60.1.70245 released
The current client snapshot for gear and talents; Classic Era fallbacks are labelled.
- 31 dungeons and raids imported
Bosses in the game's own order, loading screens and journal portraits, from the client.
- Game icons indexed
Icons load by FileDataID from WarcraftDB; none are stored here.
- 2 talent records superseded
Duplicate Hunter Lightning Reflexes with malformed X coordinate. Duplicate Priest Holy Specialization with malformed Y coordinate.
Use
What changed and when: builds, imports, corrections. Dated from the data files themselves.
Use
Only what changed, before and after. Here: a saved Retribution plan and the one being edited (a sample).
Implementation contract
Use it in the product
Compare recorded facts while keeping units, unknowns and provenance in reach.
- Exports
- Delta, StatList, Coins, KeyFacts, Timeline, Diff, Tiles
- Source
src/components/waypoint/ui/primitives.tsx- Props and defaults
- Delta requires value and label; suffix defaults to an empty string. StatList requires groups of labelled rows. KeyFacts requires [label, value] pairs. Diff requires rows and caption.
- HTML and keyboard
- Use table markup for column comparisons and right-align tabular numbers. A chart keeps a table view. Change direction is not automatically a benefit. A long record list may be a list that scans like a table (name, kind, ID right-aligned under what the ID is, status) so each row stays one link, and becomes one row per record on phones rather than a clipped table.
- States and themes
- Known zero, unknown, partial source, sorted and selected remain distinct. Never replace missing with an invented score.
- Data and provenance
- State the dataset build and method beside derived values. Source exceptions stay with the affected row. The current gear catalog is build 1.60.1.70245.
Example usage
import { KeyFacts, BuildTag } from "@/components/waypoint/ui/primitives";
export function LionheartFacts() {
return <><BuildTag build="1.60.1.70245" /><KeyFacts items={[["Item level", 61], ["Item ID", 12640]]} /></>;
}