You are using an experimental beta version of JDL Studio. Please use the stable version at https://start.jhipster.tech/jdl-studio/ for more features and persistent storage
About
Hello, this is JDL-Studio, a tool for drawing JHipster JDL diagrams based on the JDL syntax.
Try and edit the code on the left and watch the diagram change. Any changes are saved to the browser's localStorage, so your diagram should be here the next time, (but no guarantees). If you want persistent storage, sign in with your JHipster Online account to save the JDL.
Created by Deepu KS and hosted on GitHub.
JDL-Studio was made possible by the cool project nomnoml by Daniel Kallin .
Interaction
The canvas can be panned and zoomed by dragging and scrolling in the right hand third of the canvas.
Downloaded image files will be given the filename in the #title directive.
The editor supports a subset of Sublime Text's keymappings. Hit Ctrl-Space
for auto suggestions.
Examples
Refer JDL documentation for examples.
Usage
Refer JDL documentation for more details.
#font: Times
#fontSize: 8
#spacing: 12
#padding: 3
Directives
The rendered image style can be customized by setting these directives along with the JDL code. There should not be any empty space before a directive.
#arrowSize: 1
#bendSize: 0.3
#direction: down | right
#gutter: 5
#edgeMargin: 0
#edges: hard | rounded
#background: transparent
#fill: #eee8d5; #fdf6e3
#fillArrows: false
#font: Calibri
#fontSize: 12
#leading: 1.25
#lineWidth: 3
#padding: 8
#spacing: 40
#stroke: #33322E
#title: filename
#zoom: 1
#acyclicer: greedy
#ranker: network-simplex | tight-tree | longest-path