Diverging bar

import { DivergingBar } from "diagrammatic";

Zero is the plan. The form sorts itself. Direction is the verdict before any number is read.

Cloud is 48% over. Video is 38% under. Six products are above the line and four are below. The misses grow from 12% for maps to 38% for video.

Use it for

Surplus against deficit, growth against decline, by category.

Watch out

Sort by value, not alphabet, so the sign structure stays visible.