https://github.com/oppodelldog/touch-graph

https://github.com/oppodelldog/touch-graph

Last synced: 5 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/oppodelldog/touch-graph
• Owner: Oppodelldog
• Created: 2020-02-16T19:21:14.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-18T21:49:49.000Z (about 1 year ago)
• Last Synced: 2023-11-18T22:46:24.422Z (about 1 year ago)
• Language: TypeScript
• Size: 11.4 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TouchGraph

Fun project with d3 and typescript

![sample](sample.png)

## States and Transitions

As a little experiment, a state machine controls user interactions.

States and Transitions are saved in a dot file which can be easily

converted into a graphic to get a nice overview which events and transitions

exist and in which relation they are to each other on the one hand.

The idea here is to keep track of simple interactions as well as multi step workflows

visually and programmatically.

![states.dot as png](src/Flow/output.png)

Graphic has been created with **dot** under linux.

```bash

dot -Tpng states.dot > output.png

```

hint: 

install graphviz to get the dot command:

```bash

sudo apt install graphviz

```