JSON to HTML Converter

JSON to HTML Converter is used to convert JSON data or file to HTML markup. The arrays in the input JSON are flattened and converted to a tabular structure. This tabular data is then converted to HTML markup using <TABLE>, <TR> and <TD> tags.

Converted on ToolSlick's server. Your input and its output are not stored.

Paste JSON data below
Converted HTML

Settings

How the input is converted. Each is explained below.

History

  • 2019-03-16Support for TH header tags
  • 2019-03-15Tool Launched

Settings explained

Indentation
How the HTML is indented: 2, 3 or 4 spaces, a tab, or not at all.
Path Delimiter
How the columns of nested objects are named: the property names along the path, joined by this.
Handle Multiple Jsons
An input of one JSON document per line is converted as one table.
Use TH Tags
The header row written in TH cells, not TD.

Background

JavaScript Object Notation (JSON), pronounced as Jason, is the most common data interchange format on the web. Douglas Crockford first released the JSON specification in the early 2000s. It is a simple format that is easier to comprehend than XML. It is also smaller in size because it does not have closing tags. A wide variety of programming languages can parse JSON files. They also support the serialization of data structures to JSON. You can copy JSON text to JavaScript and start using them without any modifications.

HTML is the language of the internet. It is what creates HTML pages (even this one). In the old days, HTML used to be static with some JavaScript added into the mix for dynamic behavior and effects. Then HTML was served dynamically from the server side with the advent of server side programming languages such as PERL, PHP, ASP. And now there is a new trend where HTML is again being served as static resources with JSON (from REST web services) and JavaScript making it dynamic.

Related tools