Visualize your JSON Data with JSONBason

Convert JSON data directly from your web app's code into a styled, sortable table.


1. Copy the code snippet.


2. Modify const myData with your JSON data/object.


3. Paste the code into your existing app code!


4. Your JSON data will load in a table below.


(Only this browser session can see data sent to the id provided. Please do not send sensitive data.)

1// =========== JSONBason-DEV-use-only ===========
2const myData = [{"Welcome":"1","To":"2","JSONBason":"3"}];
3fetch('https://jsonbason.com/api/json', {
4 method: 'POST',
5 headers: { 'Content-Type': 'application/json' },
6 body: JSON.stringify({ id: 'DqOWWfCmYr4BwdUBHm6e', JSONdata: myData })
7})
8 .then(r => r.json())
8 .then(data => { console.log('Sent to JSONBason OK'); })
9 .catch(console.error);
DM

Welcome To JSONBason! Send some JSON data in and it will appear in a table here.

JSONBason uses cookies! See our Privacy Policy