shape for start and end node

[laszewsk]

While testing with https://github.com/magjac/graphviz-visual-editor

I found a possible good shape for start end that is better then the diamond

• [ ] invhouse for start
• [ ] house for end
• [ ] I also noticed that when we change the nodeshape, the style is not applied, such as rounded

There is also the possibility to use an HTML formatted label, which could be used to create a table such as

Name

Progress:

start: stop:

We may want to showcase an example node with that.

label=<<table border="0" cellborder="1" cellspacing="0" cellpadding="4">
<tr> <td> <b>Name</b></td> </tr>
<tr> <td> 
Progress: ...</br>
Start: ...</br>
Stop: ...</td> </tr>
</table>>
shape=plain

See also https://graphviz.org/Gallery/directed/git.html

• [ ] here is example how to add a nice shadow: https://github.com/magjac/d3-graphviz/issues/110
• [ ] here are shadows done with out d3, e.g. much easier https://stackoverflow.com/questions/46996937/shadow-in-graphviz
• [ ] here are some potentially alternative colors: https://graphviz.org/Gallery/neato/transparency.html

[laszewsk]

we coudl introduce a special "cc" style that does the HTML label

[laszewsk]

alternative drawing: https://wimyedema.github.io/dagviz/notebooks/Dagre%20examples.html metro layout: https://wimyedema.github.io/dagviz/notebooks/Metro%20examples.html

editor: https://socket.dev/npm/package/dag-builder-js https://paulomigalmeida.github.io/directed-acyclic-graph-builder-js/demo/public/index.html https://github.com/alyssaxuu/flowy