Data Draw - JSON / XML Viewer

Create diagrams from JSON or XML files. Create example data from JSON schemas.

Turn JSON or XML files into diagrams. Great for presentations or reports. Can also create fully-populated example data files from JSON schema files.

This app will create diagrams of your data from your JSON or XML files. The drawing created is an HTML file showing you the structure of the data within your data-file. You can zoom in and out with no loss of image quality.

In the drawings, every element with child elements has a circle displayed on the right-hand side of the box. Click on this circle to toggle the visibility of the child elements.

There are three ways to select the source file to use:

1) Select File from local folder

a. Copy the json or xml file into a folder called /dataDraw on your device.

b. In the app, select the file using the file-picker.

c. Press the 'Create Drawing' button.

d. Wait while the drawing is created and placed in the /dataDraw folder with a '.html' extension.

2) Send the file by attaching it to an Email

a. Create an Email and attach the json or xml file. Attach all sub-schemas if needed.

b. Send the Email with a title of DRAW: to a Gmail account.

c. In the app press the 'Check For Mail' button and select a Google Account.

d. Answer the Google authentication questions to give the app permission.

e. The app will now read the email, convert the file attached and send a reply with the converted drawing file attached.

If you attached sub-schemas to the email, then include the top-level file in the title of the email, eg

DRAW: top-level.json

3) Download the data from a URL

a. Enter the URL of the data in the edit field provided. If this starts with http:// then this can be omitted.

b. Press the 'Download' button.

c. The app will download the data at the given URL address and then convert the data found to a drawing. The data must start with a '{' for json data otherwise XML data will be assumed.

The app uses OAuth2 Authentication with Google to obtain permission to use the Google Account you have specified.

A drawing options page allows you to choose the colour of the boxes displayed and also set the font-family of the text displayed. Your browser will choose the most appropriate font to use based on the fonts it has available in the font family specified.

Only one email will be processed at one time and only one attached file will be processed. Only 'Unread' emails will be processed.

The drawings are created using Scalable Vector Graphics (SVG).

Also you can generate example data files from JSON schemas. These files conform to the schema you specify and are fully populated with test data. Please be aware that if your JSON schema is not syntactically correct this feature cannot produce a valid data file.

If your JSON schemas contain references to other JSON schemas, be sure to place all the sub-schemas in the /dataDraw folder so that the app can use them.

Permissions Requested:

INTERNET: This is needed to connect to a GMAIL account to be able to receive data files to convert.

ACCESS_NETWORK_STATE: This is needed to be able to connect to Gmail over WiFi or 3G/4G.

GET_ACCOUNTS: This is needed to allow you to choose which Google Account you sent an email to with an attached data file to convert.

USE_CREDENTIALS: This is needed to allow the app to communicate with Google so that you can give permission to the app to read the emails sent with data files to convert attached.

READ_EXTERNAL_STORAGE & WRITE_EXTERNAL_STORAGE: This is needed to be able to read and write data files from a specific folder /dataDraw on the Sdcard. The input file is read from this folder and the html result file is left there after creation.

If an error occurs then an error report is left in the same folder.

Keywords:

JSON JSON-Viewer XML XML-Viewer example generator sample file faker HTML data drawing diagram SVG structure data-structure graphical dataDraw