You can use pre tag to display formatted json.
const json = {
id: "1",
employee_name: "Tiger Nixon",
employee_salary: "320800",
employee_age: "61",
profile_image: ""
};
document.getElementById("app").innerHTML = JSON.stringify(json, (key, value) => (value || ''), 4).replace(/"([^"]+)":/g, '$1:'); <div><pre id="app"></pre></div>Marianoguerra
marianoguerra.github.io › json.human.js
json.human.js - Json Formatting for Human Beings
Provide JSON and get a DOM node with a human representation of that JSON. At Event Fabric we need to display JSON to people from all technical levels without being too technical but also without losing information about the underlying JSON object. you can see js/demo.js in the repo for an example, here is a short one · var node = JsonHuman.format(input); output.appendChild(node);
Top answer 1 of 5
1
You can use pre tag to display formatted json.
const json = {
id: "1",
employee_name: "Tiger Nixon",
employee_salary: "320800",
employee_age: "61",
profile_image: ""
};
document.getElementById("app").innerHTML = JSON.stringify(json, (key, value) => (value || ''), 4).replace(/"([^"]+)":/g, '$1:'); <div><pre id="app"></pre></div> 2 of 5
1
Human.json
The best solution for you problem would be json.human. It converts JSON data in to tabular from which of course is human readable (even for non-technicle people). And the best part is it open-source.
Human.json Git-hub
Converting Json file to a human readable format? - Stack Overflow
I have a js file which is in json format and i want to convert this file to a human readable format.Is there any external software which does that or i have to code it??Am new to this stuff. More on stackoverflow.com
FracturedJson - a JSON formatter that produces human-readable but fairly compact output
3 years have passed. We now have linting and minifiers for the numerous JSON formatting libs that have been released. There are now 8 competing standards on how best to format JSON so it's pretty. Joking aside, great idea. I've rarely had problems reading formatted JSON, but lining it up as though it's columns is definitely a lot easier on the eyes and for comparing data in arrays. More on reddit.com
23
183
July 12, 2021[Help] How to convert .json files to something readable by a pleb like me
JSON files are human readable, but there probably is a lot of data in there you don't care about. The easiest way would be to write a small script to extract the data you want and write it to a file. Unfortunately this isn't super easy for a non-programmer to do. More on reddit.com
4
1
October 26, 2018What is XML good for (compared to JSON)?
XML has quite a few things over JSON: Schemas (XSD, DTD), which can be used to validate a document in part or in whole. Transformation (XSLT), which is like a template language. You define how the XML file is transformed into some other text format, like HTML/CSS/JS, SVG, configuration files, even JSON. Querying (XPath) is a lot like HTML DOM selectors, allowing you to address/query specific parts of the XML tree. There are libraries that can do this for JSON (RQL for example, or MongoDB's query format), but there is nothing defined in the standard. On the down-side: XML is is saddled with excessive formatting. Every tag needs an end-tag, but only if it contains child or text nodes. In which case you may omit the end tag and append / before the closing bracket. You don't have to do that, but if you don't, you'll get an empty text node as a child of the element. Which may or may not matter, depending on the guy who wrote the schema. It feels inconsistent. XML has no native data types, everything is always a string. Of course you can use XSD to define data types, but now you're obliged to do the work of defining data AND schema AND converting strings because of a shortcoming of the native format. JSON may be stored as a string, but once it's parsed, you get ints, floats, arrays, objects, null, true and false for free. Related to the above point, but important: XML has no notion of a data array. If you want a list of widgets called A, B, C, you have to use complete tags around each item and address them as the children of a parent. Special characters have to escaped verbosely. If you want to embed "<" in your data, you need to use < If you want to encode "<" you need <. What happens when you pass it to a web browser? Did the user intend to store the escape sequence or the character it represents? In this comment box, I had to type "&lt;". I stopped trying to figure it out. In JSON you only have to worry about one character: double quote, and if you want to use it just prefix it with a backslash. Put plainly, XML uses too many characters. End-tags, escape sequences, repeating tags to represent lists. More on reddit.com
26
16
October 30, 2011Videos
01:11
How to Convert JSON File to Readable Format - Simple Steps (2025) ...
How to Make JSON Easy to Read | Read Json in Browser | Format JSON ...
02:06
Know How to Convert JSON Chat Files into Human Readable File Formats ...
01:18
How to Format and View JSON in Notepad++ | Viewer and Formatter ...
12:00
Learn JSON in 10 Minutes - YouTube
02:48
What Is JSON | JSON Explained In 3 Minutes - YouTube
Quora
quora.com › Is-JSON-human-readable
Is JSON human-readable? - Quora
JSON explicitly forbids comments so its not good for human reading in that sense. Reading a JSON document, especially when reformatted is ok though. ... 25+yr IT Veteran, Speaker, 7M+ use my software for dev.
GitHub
github.com › marianoguerra › json.human.js
GitHub - marianoguerra/json.human.js: Convert JSON to human readable HTML
var input = { "url" : [ "www.google.com", "www.google.com", { "x" : "x-direction", "y" : "y-direction", "url" : "www.google.com" } ] }; var node = JsonHuman.format(input, { // Show or hide Array-Indices in the output showArrayIndex: true, // Hyperlinks Option // Enable <a> tag in the output html based on object keys // Supports only strings and arrays hyperlinks : { enable : true, keys: ['url'], // Keys which will be output as links target : '_blank' // 'target' attribute of a }, // Options for displaying bool bool : { // Show text?
Starred by 978 users
Forked by 78 users
Languages JavaScript 88.4% | HTML 8.9% | CSS 2.7% | JavaScript 88.4% | HTML 8.9% | CSS 2.7%
Top answer 1 of 2
1
Json is a format which looks like plain text. I guess you know what you are asking. If you need to convert a file containing Json text to a readable format, you need to convert that to an Object and implement toString() method(assuming converting to Java object) to print or write to another file in a much readabe format. You can use any Json API for this, for example Jackson JSON API.
ObjectMapper obj = new ObjectMapper();
T t=obj.readValue(File src, Class<T> valueType)
t.toString(); //this must have been implemented
2 of 2
0
Found a suitable online JSON formatter by Curious Concept : https://jsonformatter.curiousconcept.com/
You just paste/drop your file inside and click "Process", then download the resulting beautified JSON.
Might not be a proper answer I don't know if online tools may apply, but I've found this, it solved my issue and it can be useful, so I think it's worth mentioning...
JSON Viewer
jsonviewer.stack.hu
Online JSON Viewer and Formatter
JSON, short for JavaScript Object Notation, is a lightweight computer data interchange format. JSON is a text-based, human-readable format for representing simple data structures and associative arrays (called objects).
Medium
medium.com › @tempmailwithpassword › formatting-json-for-human-readability-in-javascript-41e6d8972733
JavaScript Formatting JSON for Human Readability
November 20, 2024 - Pretty-printing JSON is essential for improving the readability and usability of data. Using JavaScript, developers can apply indentation, whitespace, and color coding to make JSON more human-friendly.
Quora
quora.com › If-you-need-to-convert-a-file-containing-JSON-text-to-a-readable-format-how-do-you-do-that
If you need to convert a file containing JSON text to a readable format, how do you do that? - Quora
You can open a JSON file in an editor (such as Notepad) but it looks like gobbledygook to a human. That is why it is better to transform the file into something more readable (such as a CSV file). How do I get the actual data from my Instagram account? When you download your personal data from your Instagram account, a zip file (containing multiple JSON files) is generated. ... JS Developer since 1996. Designed APIs. · Author has 98 answers and 1.2M answer views · Updated 7y · As JSON is a compatible subset of the javascript syntax you could just “evaluate” it (DON’T DO IT) like with:
FreeFormatter
freeformatter.com › json-formatter.html
Free Online JSON Formatter - FreeFormatter.com
JSON stands for "JavaScript Object Notation" and is pronounced "Jason" (like in the Friday the 13th movies). It's meant to be a human-readable and compact solution to represent a complex data structure and facilitate data-interchange between systems. There are tons of reasons why you would want to use JSON: It's human readable... if it's properly formatted ...
BitRecover
bitrecover.com › home › convert your data › how to convert json to readable formats in batch?
Convert JSON File to Readable Format in Bulk for Humans
November 12, 2025 - BitRecover Chat Converter tool is of of the best solution that offers you the opportunity to convert JSON file to readable format in bulk effortlessly on your Windows system. This is an all-in-one software that supports all JSON (JavaScript ...
JSON Formatter
jsonformatter.org
Best JSON Formatter and JSON Validator: Online JSON Formatter
This JSON online formatter can also work as JSON Lint. Use Auto switch to turn auto update on or off for beautification. It uses $.parseJSON and JSON.stringify to beautify JSON easy for a human to read and analyze.
Code Beautify
codebeautify.org › json-to-text-converter
JSON to Text Converter: Convert JSON to plain text format / txt format
JSON to Text Converter is easy to use tool to convert JSON to Text data. Copy, Paste and Convert. It's very convenient tool to convert JavaScript Object Notation data to plain text for novice user or data analyze who does not understand JSON data.
JSON Formatter
jsonformatter.curiousconcept.com
JSON Formatter & Validator
If enabled, it will replace incorrect ... and remove comments and trailing commas. JSON or JavaScript Object Notation is a language-independent open data format that uses human-readable ......
Make Tech Easier
maketecheasier.com › home › internet › 3 great json beautifiers to make your data pop
3 Great JSON Beautifiers to Make Your Data Pop - Make Tech Easier
March 12, 2021 - Even Assembly code is in a somewhat readable format for humans. Often, you’ll “minify” your code to speed up processing time but will ultimately make it less readable. A beautifier turns this minified code back into something you can read. In this post, we focus on JavaScript Object Notation (JSON...
Reddit
reddit.com › r/javascript › fracturedjson - a json formatter that produces human-readable but fairly compact output
r/javascript on Reddit: FracturedJson - a JSON formatter that produces human-readable but fairly compact output
July 12, 2021 - The place for news, articles and discussion regarding WordPress, the open source software. Wordpress.com-related questions should be posted to https://wordpress.com/forums/. ... You know...for memes... about programming... ... I just discovered this human-readable JSON formatter, check it out!
Data Page
data.page › json
JSON Data Format: What It Is and How to Use It
The JSON notation is very similar to the Javascript language structure of associative arrays and objects. It consists of name value pairs existing within a parent-child relationship. Adoption of JSON has been growing rapidly and is used by a growing number of websites throughout the world. AJAX (a common method of communication between websites and servers) often uses JSON as the communication language. Our website converts this machine readable format to human readable CSV (viewable in a spreadsheet).
npm
npmjs.com › package › json-to-plain-text
json-to-plain-text - npm
August 26, 2025 - json-to-plain-text is a lightweight npm package that converts JSON into a clean, human-readable plain-text.
» npm install json-to-plain-text
Published Aug 26, 2025
Version 1.2.0
Author sumithemmadi
JSONLint
jsonlint.com
JSONLint - The JSON Validator
Copy and paste, directly type, ... messy JSON code. JSON (pronounced as Jason), stands for "JavaScript Object Notation," is a human-readable and compact solution to represent a complex data structure and facilitate data interchange between systems....
Reddit
reddit.com › r/learnprogramming › [help] how to convert .json files to something readable by a pleb like me
r/learnprogramming on Reddit: [Help] How to convert .json files to something readable by a pleb like me
October 26, 2018 -
Dear programmers of Reddit,
Instagram allows people to download their data as .json files. I need to read the contents of the direct messages .json file for a message I sent to someone many months ago and we text a lot so scrolling will take hours if not a day.
Please teach me. I don't know anything about programming so if there is a way I can convert it to a word or txt file it would be great!
Thanks in advance!
Top answer 1 of 4
2
JSON files are human readable, but there probably is a lot of data in there you don't care about. The easiest way would be to write a small script to extract the data you want and write it to a file. Unfortunately this isn't super easy for a non-programmer to do.
2 of 4
1
If you just want to view the contents, try this site : http://json.parser.online.fr/
Medium
medium.com › @dwinTech › json-vs-human-json-which-format-fits-your-needs-9761180bb5f9
JSON vs Human JSON: Which Format Fits Your Needs? | by Dwin Technology | Medium
August 12, 2024 - When it comes to data interchange ... different systems. Recently, the concept of Human JSON has emerged, offering a more readable format for humans while maintaining the structure of JSON....