JSON Editor

A JSON Editor is a able to load and save a JSON data. The format of the JSON data is defined by a JSON Schema. In this learning resource we explore a JSON editor that can be used to create 3D models with an AppLSAC with JSON3D4Aframe.

JSON3D4Aframe User Interface

AFrame Water Molecule create with JSON3D4Aframe

Water Molecule with Augmented Reality AR.js on Kanji Marker - created with JSON3D4Aframe

AFrame Object Inspector in Browser started with Crtl-Alt-I

Learning Tasks

• Start JSON2Schema as AppLSAC-1 and create a JSON-Schema from a JSON of your choice. Analyze the generated JSON schema axplain the purpose of the attributes by generating the JSON editor in JSON2Schema.
• JSON3D4Aframe was developed for the Wikiversity Learning resource about 3D Modelling. Play around with JSON3D4Aframe and explain how the JSON data determines the size and appearance of the 3D objects in AFrame or the with augmented reality on a Hiro marker.
• Create your own JSON Editor with JSON2Schema.

See also

• JSON3D4Aframe
• JSON Schema
• Markers4Map
• CSV2Chart
• Structuring Data
• Wikipedia:JSON
• Abstract Syntax Tree