JSON to ASCII Table — Free Online Converter with 10+ Border Styles

What Is an ASCII Table?

An ASCII table is a text-based representation of tabular data using characters from the ASCII (American Standard Code for Information Interchange) character set. Characters such as +, -, |, and = draw borders and separators. ASCII tables render correctly in any monospaced environment — terminal output, source code comments, plain-text documentation, and email.

Example:

+------+----------+--------+
| id   | name     | role   |
+------+----------+--------+
| 1    | Alice    | Dev    |
| 2    | Bob      | Design |
+------+----------+--------+

What Is JSON?

JSON (JavaScript Object Notation) is a lightweight data-interchange format defined by RFC 8259. It represents structured data as arrays and key-value objects. APIs, databases, and configuration files commonly output JSON.

Why Convert JSON to an ASCII Table?

Manually formatting JSON data into aligned ASCII tables is tedious and error-prone. This tool automates the conversion instantly in your browser.

Core Features

1. Dual Input Modes

• File Upload: Drag and drop or select a .json file.

• Code Editor: Paste or type raw JSON into the built-in code editor with syntax highlighting and real-time validation.

2. Border Styles

The tool supports 10 border styles across three categories:

ASCII Styles

Unicode Styles

reStructuredText Styles

3. Text Alignment

Control column alignment across the entire table:

• Left — default; text aligned to the left edge of each column

• Center — text centered within each column

• Right — text aligned to the right edge of each column

4. Comment Wrappers

Wrap the entire ASCII table output in programming-language comment syntax. This lets you paste the table directly into source code as documentation.

Line Comment Styles

Block Comment Styles

5. Privacy

All processing runs entirely in your browser. No data is uploaded to any server. The tool works offline after the initial page load.

How to Use This JSON to ASCII Table Converter

Step 1: Provide Your JSON Data

Choose one of two input methods:

• Upload a file: Click "Choose File" and select a .json file from your computer, or drag the file into the upload area.

• Paste data: Click "Enter Data" to switch to the code editor. Paste or type your JSON array. The editor validates syntax in real time — a green "Valid JSON" badge confirms correct formatting.

Step 2: Configure Output Options

Use the Properties panel on the right:

1. Border Style: Select from 10 styles — MySQL, Separated, Horizontal, Compact, Dots, Rounded, Unicode, Unicode Single Line, reST Grid, or reST Simple.

2. Text Alignment: Choose Left, Center, or Right.

3. Comment Wrapper: Select a programming language to wrap output in line or block comment syntax (or choose "None" for raw output).

Step 3: Convert

Click the Convert button. The ASCII table output appears in the "Output Data" panel.

Step 4: Copy or Download

• Click Copy to Clipboard to paste the result into your document or source code.

• Premium users can click Download File to save the output.

Sample Input

[
 {"language": "Python", "year": 1991, "creator": "Guido van Rossum"},
 {"language": "JavaScript", "year": 1995, "creator": "Brendan Eich"},
 {"language": "Go", "year": 2009, "creator": "Robert Griesemer"}
]

Sample Output — MySQL Style

+------------+------+--------------------+
| language   | year | creator            |
+------------+------+--------------------+
| Python     | 1991 | Guido van Rossum   |
| JavaScript | 1995 | Brendan Eich       |
| Go         | 2009 | Robert Griesemer   |
+------------+------+--------------------+

Sample Output — Unicode Style

┌────────────┬──────┬────────────────────┐
│ language   │ year │ creator            │
├────────────┼──────┼────────────────────┤
│ Python     │ 1991 │ Guido van Rossum   │
│ JavaScript │ 1995 │ Brendan Eich       │
│ Go         │ 2009 │ Robert Griesemer   │
└────────────┴──────┴────────────────────┘

Sample Output — reStructuredText Grid

+------------+------+--------------------+
| language   | year | creator            |
+============+======+====================+
| Python     | 1991 | Guido van Rossum   |
+------------+------+--------------------+
| JavaScript | 1995 | Brendan Eich       |
+------------+------+--------------------+
| Go         | 2009 | Robert Griesemer   |
+------------+------+--------------------+

Sample Output — MySQL Style with Python Comments

# +------------+------+--------------------+
# | language   | year | creator            |
# +------------+------+--------------------+
# | Python     | 1991 | Guido van Rossum   |
# | JavaScript | 1995 | Brendan Eich       |
# | Go         | 2009 | Robert Griesemer   |
# +------------+------+--------------------+

Sample Output — MySQL Style with C++ Comments

// +------------+------+--------------------+
// | language   | year | creator            |
// +------------+------+--------------------+
// | Python     | 1991 | Guido van Rossum   |
// | JavaScript | 1995 | Brendan Eich       |
// | Go         | 2009 | Robert Griesemer   |
// +------------+------+--------------------+

Sample Output — CSS Block Comment

/*
+------------+------+--------------------+
| language   | year | creator            |
+------------+------+--------------------+
| Python     | 1991 | Guido van Rossum   |
| JavaScript | 1995 | Brendan Eich       |
| Go         | 2009 | Robert Griesemer   |
+------------+------+--------------------+
*/

Supported JSON Input Formats

• JSON arrays of objects (most common): [{"key": "value"}, ...]

• JSON arrays of arrays: [["value1", "value2"], ...]

• Nested JSON objects (flattened to dot-notation keys)

Frequently Asked Questions (FAQ)

• Does the tool upload my data?

  No. All conversion happens locally in your browser using JavaScript. Your data never leaves your device.

• What border styles are available?

  10 styles: MySQL, Separated, Horizontal, Compact, Dots, Rounded, Unicode, Unicode Single Line, reStructuredText Grid, and reStructuredText Simple.

• What is the difference between MySQL and Unicode styles?

  MySQL style uses basic ASCII characters (+, -, |). Unicode style uses box-drawing characters (┌ ─ │ ┐ └ ┘ ├ ┤ ┬ ┴ ┼) for smoother, more visually polished borders.

• What are reStructuredText tables?

  reStructuredText (reST) is the markup language used by Sphinx and the Python documentation ecosystem. The Grid style uses + intersections compatible with reST grid tables. The Simple style uses = delimiters compatible with reST simple tables.

• What is a comment wrapper?

  A comment wrapper adds programming-language comment characters to each line (or wraps the entire table in a block comment). This lets you paste ASCII tables directly into source code as inline documentation without manual formatting.

• Which programming languages are supported for comment wrapping?

  Line comments: C++/C#/Java/JS/Rust/Swift (//), Python/Ruby/Perl/Shell (#), SQL/Lua/Haskell/Ada (--), MATLAB (%), BASIC/DOS (REM), Fortran IV (C), Fortran 90 (!), VBA ('). Block comments: CSS (/* */), JSDoc/PHPDoc (/** */), HTML/XML (<!-- -->), Code Block (```).

• Can I use this on mobile?

  Yes. The tool is responsive and works on smartphones and tablets.

• Is there a file size limit?

  The tool processes data entirely in your browser. Files up to 10 MB typically convert without issues on modern hardware.

• Can I align specific columns differently?

  The current version applies a single alignment (left, center, or right) to all columns. Per-column alignment may be added in a future update.