Skip to content

How to create a visual-programming environment with a generic diagramming framework. [WIP]

License

Notifications You must be signed in to change notification settings

yWorks/visual-programming

Repository files navigation

Visual Programming based on yFiles

A screenshot of this sample application

Run the application here: https://live.yworks.com/

This repository contains a sample application that can be used as a template to create your own visual programming editor.

See also

How to run and develop this app as a software developer

You need a copy of the yFiles for HTML diagramming library in order to develop this application. You can download a free test version of yFiles in the yWorks Customer Center.

Checkout this project, then extract the yFiles for HTML package zip to some directory and run the initial steps in that package for playing with the demos (execute the start_demos script or install the package.json in the demos directory). This will automatically create an npm package file (yfiles-23.0.1-eval-dev.tgz and yfiles-23.0.1-eval.tgz) (using npm pack in the lib\es-modules directory), but of course this last step can also be done, manually.

That .tgz file needs to be placed top-level in the directory of this checkout next to this file so that it can be installed via npm i or yarn into this project (it is referenced in the package.json, here. Before you compile and run the project, also copy the license.json file from the yFiles package (find it in lib\license.json as yfiles-license.json and also drop it into this directory.

This is what your directory contents should look like:

documents
 |-- visual-programming
     +-- yfiles-23.0.1-eval-dev.tgz
     +-- yfiles-license.json
     +-- README.md
     +-- ...

Afterwards, run the usual commands

npm i

followed by

npm run serve

or if you prefer the visual UI from vue-cli

vue ui

About

This application is powered by yFiles for HTML, the powerful diagramming library. It was created as part of yWorks' Fight Corona Program.

Turn your data into clear diagrams with the help of unequaled automatic diagram layout, use rich visualizations for your diagram elements, and give your users an intuitive interface for smooth interaction.

You can learn more about the many features that come with yFiles on the yFiles Features Overview.

If you want to try it for yourself, obtain a free test version of yFiles in the yWorks Customer Center.

License

The MIT License (MIT)

Copyright (c) 2020 yWorks GmbH

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

How to create a visual-programming environment with a generic diagramming framework. [WIP]

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published