{"id":19925277,"url":"https://github.com/altwalker/model-visualizer","last_synced_at":"2026-05-09T23:01:50.534Z","repository":{"id":62321754,"uuid":"557792799","full_name":"altwalker/model-visualizer","owner":"altwalker","description":"A JavaScript library for visualizing and visualy editing JSON models for AltWalker and GraphWalker.","archived":false,"fork":false,"pushed_at":"2024-04-01T16:15:27.000Z","size":1273,"stargazers_count":1,"open_issues_count":6,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-01T17:32:32.109Z","etag":null,"topics":["altwalker","graphwalker","javascript","model-based-testing","nodejs"],"latest_commit_sha":null,"homepage":"https://altwalker.github.io/model-visualizer/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/altwalker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2022-10-26T10:07:50.000Z","updated_at":"2024-04-15T11:11:43.025Z","dependencies_parsed_at":"2024-04-15T11:11:26.280Z","dependency_job_id":"1c1a22b1-83c7-4967-9352-382cd34b3657","html_url":"https://github.com/altwalker/model-visualizer","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altwalker%2Fmodel-visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altwalker%2Fmodel-visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altwalker%2Fmodel-visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altwalker%2Fmodel-visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/altwalker","download_url":"https://codeload.github.com/altwalker/model-visualizer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241352526,"owners_count":19948858,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["altwalker","graphwalker","javascript","model-based-testing","nodejs"],"created_at":"2024-11-12T22:21:36.409Z","updated_at":"2025-11-26T04:01:31.010Z","avatar_url":"https://github.com/altwalker.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Model-Visualizer\n\nA JavaScript library for visualizing and visually editing JSON models for [AltWalker](https://altwalker.github.io/altwalker/) and [GraphWalker](http://graphwalker.github.io/).\n\n## Installation\n\n### Browser scripts\n\nYou can get the latest browser-ready script:\n\n* https://altwalker.github.io/model-visualizer/build/model-visualizer.css\n* https://altwalker.github.io/model-visualizer/build/model-visualizer.js\n\n#### CSS\n\nCopy-paste the stylesheet `\u003clink\u003e` into your `\u003chead\u003e` before all other stylesheets to load our CSS.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://altwalker.github.io/model-visualizer/build/model-visualizer.css\"\u003e\n```\n\n#### JS\n\nPlace the following `\u003cscript\u003e`s near the end of your pages, right before the closing `\u003c/body\u003e` tag, to enable them.\n\n```html\n\u003cscript src=\"https://altwalker.github.io/model-visualizer/build/model-visualizer.js\"\u003e\u003c/script\u003e\n```\n\n### Required Dependencies\n\n* [Vue.js](https://vuejs.org/)\n* [lodash](https://lodash.com/)\n\n### Optional Dependencies\n\n* [Milligram](https://milligram.io/) (__Optional__) - for the forms design.\n\n## Example\n\nThe following code initializes `ModelVisualizer` in `editMode` inside the element with the id `visualizer`, using default models defined in the library.\n\n```js\nlet visualizer = new ModelVisualizer({container: \"visualizer\", editMode: false});\n```\n\nYo can find a working example [here](https://altwalker.github.io/model-visualizer/_static/examples/edit-mode.html).\n\n## Setting Up a Development Environment\n\nInstall the npm dependencies:\n\n```bash\n$ npm install\n```\n\n### Running locally\n\n```bash\n$ npm run dev\n```\n\nNow you can visit http://localhost:8080/ and you should see a live demo.\n\n### Building\n\n```bash\n$ npm run build\n```\n\nWill create a build inside the `public/` directory.\n\n### Running Tests\n\n```bash\n$ npm run test\n```\n\n## Support\n\nFor help, discussion about best practices, sharing ideas, projects, or any other conversation that benefits from being searchable:\n\n* [Discuss AltWalker on GitHub](https://github.com/orgs/altwalker/discussions)\n* [Google Group](https://groups.google.com/g/altwalker)\n\nFor casual chit-chat with us or with other members of the community:\n\n* [Gitter Chat Room](https://groups.google.com/g/altwalker)\n\n## License\n\nThis project is licensed under the [GNU General Public License v3.0](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faltwalker%2Fmodel-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faltwalker%2Fmodel-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faltwalker%2Fmodel-visualizer/lists"}