Usage chart: layered instead of stacked
Same 30 days of daily cost in every chart. Data matches the real totals: Codex $25,247, Claude Code $16,368.
The problem with the current chart is in Now: stacking is additive, and Claude is always the upper band. Even on a day where Codex is 5x larger, the orange sits above the gray and reads as the leader.
Additive. Claude is always drawn on top of Codex, so its band floats above the gray no matter which provider is bigger that day. The Y axis reads combined spend.
Both series start at zero and overlap. Y axis is per provider, so height means the same thing for both. White drops to 30 percent fill so the orange behind it stays visible.
Same geometry as A with the fills pulled way back. The strokes carry the comparison. Crossings are exact and nothing is hidden.
Overlay with additive light blending. Where the two series cover the same ground the region brightens, so the overlap itself is a readable third value.
Both lines from zero. Only the gap between them is filled, in the color of whichever provider led that day. The faint gray floor is the amount both spent. Color means who won the day, height means by how much.
Codex above the axis, Claude below. Neither series can sit on top of the other, so no ranking is implied. Same scale on both sides.
Two small charts on one shared Y scale. Nothing overlaps, and the size gap is read by comparing fill heights.
- A, B, C, D all keep one plot and one scale. You give up the combined daily total as a silhouette: the top edge is now the larger provider, not the sum.
- A is the smallest change from today. One line of code picks the baseline, the rest is fill opacity.
- B is the safest read. Nothing occludes anything and the crossings are exact.
- C only works on true black. The brightened overlap is a fourth color to learn.
- D answers "who was bigger today" without any decoding. It hides the absolute floor, which the hover card already gives you.
- E removes the ranking problem completely but spends twice the height for the same detail.
- F is the most literal and the easiest to read. Weakest at showing the day the two providers trade places.
- All of them keep the current hover readout, which already lists both providers and the total.
- The stat block on the left of the page still carries period totals and share of cost, so nothing is lost by dropping the additive stack.