I don't understand how the pictures help. The core formula is compact, but that doesn't make it bad. A few sentences of explanation is great for people who haven't learned standard high-school-level math notation or who want a walkthrough as a refresher (so thanks tonthr author for writing it down ), but refusing to learn math notation is going to make learning every math concept harder, penny wise and pound foolish. I don't see how this blog post/book chapter's explanation is novel as it claims to be, or why every other explanation of floating point is supposedly poor. I suspect it's just a matter of learning concepts requires thinking, so thrilled author jotted notes while he was thinking, and misattributed his progress to the specific visuals and no to the process of thinking about the formula.
The hard part of floating point isn't the representation of numbers, it's how to perform arithmetic with rounding/truncation in the specified way (and why the specified way is preferred). The blog post doesn't touch on that at all.