Debug formatter tweaks

| Q             | A
| ------------- | ---
| Doc fix?      | no
| New docs?     | no
| Applies to    | 2.6+
| Fixed tickets | n/a

Hi guys!

This follows with a few tweaks to #4485. The biggest was adding an image of the output early on, which helped me understand "what the heck does this debug formatter actually do?".

Thanks!
formatters were sorted alphabetically previously. Is the order change intended ?