A JavaScript library for visualizing and visually editing JSON models for AltWalker and GraphWalker.
You can get the latest browser-ready script:
- https://altwalker.github.io/model-visualizer/build/model-visualizer.css
- https://altwalker.github.io/model-visualizer/build/model-visualizer.js
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
<link rel="stylesheet" href="https://altwalker.github.io/model-visualizer/build/model-visualizer.css">Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them.
<script src="https://altwalker.github.io/model-visualizer/build/model-visualizer.js"></script>- Milligram (Optional) - for the forms design.
The following code initializes ModelVisualizer in editMode inside the element with the id visualizer, using default models defined in the library.
let visualizer = new ModelVisualizer({container: "visualizer", editMode: false});Yo can find a working example here.
Install the npm dependencies:
$ npm install$ npm run devNow you can visit http://localhost:8080/ and you should see a live demo.
$ npm run buildWill create a build inside the public/ directory.
$ npm run testFor help, discussion about best practices, sharing ideas, projects, or any other conversation that benefits from being searchable:
For casual chit-chat with us or with other members of the community:
This project is licensed under the GNU General Public License v3.0.