Translating Graph Representations to DOT Code #8
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…anslated to text read by the dot DSL. The file first starts with creating the save and reset buttons to be used to create the said text version of the graph. Then, with graphToWords(), the elements of the graph (modules, sensors, direction of information flow, and network details) are each added to a string that resembles the dot language. Each element of the graph is read through specific values that make it up, and the output is the dot version of the graph.
representation of nodes through adding their inputs and outputs.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This code creates a function within the Karl interface that allows for users to copy an automatically generated DOT language representation that can be pasted into the GraphViz DOT playground where the same structure will appear. To do this, first go into the text_graph_html.ts file in the src/sidebar file. In line 39, a specific graph can be chosen for viewing. If you would like to keep this graph, then leave it , if not then change it and run build. After, go to the interface and at the bottom under 'Text Graph' click save. The code will be copied to your clipboard. You can then go to GraphViz and paste the copied item onto the left side, and your visual will be shown.