function Comparison() {
const rows = [
{
cap: "Primary job",
us: "Define, govern, execute",
blurb: "One contract that carries business meaning all the way from definition to executed query — not three disconnected tools stitched together.",
viz: "flow",
others: { "Data catalog": "Document metadata", "Semantic layer": "Metrics in SQL", "BI tool": "Build dashboards", "AI analytics": "Answer questions" }
},
{
cap: "Business context",
us: "Approved, owned, versioned",
blurb: "Every definition carries an owner, a status, and a version history — the context that survives team changes and acquisitions.",
viz: "signed",
others: { "Data catalog": "Manual descriptions", "Semantic layer": "Technical only", "BI tool": "Scattered", "AI analytics": "Guessed at" }
},
{
cap: "Who consumes it",
us: "Humans and AI agents",
blurb: "One governed definition serves analysts, product code, and AI assistants — a single source feeding every downstream surface.",
viz: "fanout",
others: { "Data catalog": "Humans searching", "Semantic layer": "BI tools", "BI tool": "Humans only", "AI analytics": "Humans only" }
},
{
cap: "Execution model",
us: "Governed contracts",
blurb: "Definitions are bound to the tables, columns, and joins they reference — they execute against your warehouse, they aren't documentation.",
viz: "contract",
others: { "Data catalog": "Passive text", "Semantic layer": "Query translation", "BI tool": "Chart config", "AI analytics": "SQL generation" }
},
{
cap: "Follow-up analysis",
us: "Governed exploration",
blurb: "Analysts start from an approved definition on the Canvas and keep asking questions — no dashboard request, no queue.",
viz: "branch",
others: { "Data catalog": "Search & read", "Semantic layer": "Analyst-gated", "BI tool": "90+ min cycling", "AI analytics": "Ad-hoc Q&A" }
},
{
cap: "AI-ready",
us: "Grounded via MCP",
blurb: "AI agents retrieve governed business meaning over MCP — answers carry citations back to the definition they came from.",
viz: "ground",
others: { "Data catalog": "No", "Semantic layer": "Not directly", "BI tool": "No", "AI analytics": "Hallucination risk" }
},
];
const [row, setRow] = React.useState(0);
const active = rows[row];
const cats = Object.keys(active.others);
return (
Clearmetric is a category-of-one — the only layer solving business meaning, execution, and AI context with a single contract.
Capability
{rows.map((r, i) => (
))}
Capability · 0{row + 1}
{active.cap}
Clearmetric
{active.us}
{active.blurb}
);
}
/*
Visual language for CmpViz:
- viewBox 0 0 320 200 — consistent canvas, scales fluidly
- ~28px outer padding on all sides
- Single accent (#E8704A) per viz, used sparingly
- Ink stroke 1.25
- Text lives OUTSIDE shapes as labels (11px mono) — never inside boxes
- Subtle dot-grid backdrop for depth
- 8px rounded corners, consistent geometry
*/
function CmpViz({ kind }) {
const ink = "#1C1D1F";
const soft = "#B7B3A8";
const line = "#E8E4DA";
const accent = "#E8704A";
const accentSoft = "#FDEEE7";
const Backdrop = () => (
);
const svgProps = {
viewBox: "0 0 320 200",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
preserveAspectRatio: "xMidYMid meet"
};
if (kind === "flow") {
// Three stages connected left→right. Labels UNDER each node.
return (
);
}
if (kind === "signed") {
// Document with header, three lines, bottom metadata strip — NO text inside narrow areas
return (
);
}
if (kind === "fanout") {
// Single source on left → three consumers on right, labels outside icons
return (
);
}
if (kind === "contract") {
// business term card → binds to table.column reference
return (
);
}
if (kind === "branch") {
// definition tile → 3 follow-up explorations as mini-charts
return (
);
}
if (kind === "ground") {
// AI answer bubble, grounded via dotted line to definition citation
return (
);
}
return null;
}
window.Comparison = Comparison;