Json.human.js: JSON Formatting for Human Beings

marianoguerra.github.io

35 points·jlund-molfese··10 comments

Formatting on the output feels very bad.

Indentation differs each time, font size feels it has little bearing on anything, and the use of color and italics is off putting.

And why use a serif font? Very hard for my eyes that are much happier in in sans-serif world for monotype.

Mostly agree. Was hoping for a smart formatter that leaves short single-level objects in one line.

The font choice is likely your browser's default, as the code doesn't appear to specify one at all. The repo's demo uses a monospace font.

Uhg the other day i found a job posting that initially looked russian, but on further looking i was able to understand far more of it than i ever could russian. I inspected the source. Some weirdo developer set "font-family: Symbol" on every div. Not even in css, right on every divs style tag

Ironically the indentation and distribution of the output makes it harder to read for me than the original json

Genuinely, the example on the main page on a wide monitor is so unreadable it feels like it's attempting obfuscation.

I've never liked vertically aligning things even when the data is all the same type so it might make sense to scan down it, when it's completely different stuff, it's horrific, do not understand why you'd ever want it, just makes it harder to tell what values are attached to what title.

I feel all this needs is a little CSS to make things actually readable. In it's current state, it looks awful. Really confusing.

Agreed. Looking at the output HTML, it all tables and tables in tables. I find tables notoriously difficult to style in ways that are not straight tabular data. Grid or Flex would go a long way to fix some of the issues

Cool!

you mean a json to yaml converter?

Reply on news.ycombinator.com