Here is an interactive visualization of how single precision floating-point representation works.
Install the Javascript dependencies, with:
npm install
Build and start the project with:
npm run-script start
It is forked from the vizualization given at this talk at JSConf EU 2013 Everything you never wanted to know about JavaScript numbers but improved and adapted for the single precision instead of a double precision.
See https://github.com/bartaz/ieee754-visualization. MIT License, Copyright 2013 Bartek Szopka.