Comments (3)
The Graphviz Visual Editor is a web application. It does not have files or methods, so I don't understand your question. You set the shape of a node with the shape attribute, but I guess you know this already.
from graphviz-visual-editor.
Hello, I have deployed your project on the Apple system. I want to modify the project code so that when I click an existing node on the canvas on the right, a dialog box will pop up asking whether to modify the node shape. If yes, the node shape can be changed from oval to circle. And the left editor can automatically set the node shape=circle . Is this a lot of work? Which files should I start to modify, or do you have any better suggestions
from graphviz-visual-editor.
I think it would be a lot of work.
- There are many ways to specify the node shape in the DOT source: explicit for a specific node or default node statements on graph or subgraph level. It can also be specified many times to override previous specifications (in a particular scope). If you restrict what DOT source constructs you support, perhaps it's doable to decide where in the DOT source to make changes.
- You need to extend https://github.com/magjac/graphviz-visual-editor/blob/master/src/dot.js to be able to locate and modify the correct
shape
attribute. - You need to replace the current click handler in https://github.com/magjac/graphviz-visual-editor/blob/master/src/Graph.js with your own functionality.
from graphviz-visual-editor.
Related Issues (20)
- will you support mermaid language HOT 1
- New Nodes Created After Linking Nodes With a Space in the Label HOT 1
- rank removes edge between record shapes HOT 1
- svg rendering HOT 2
- Make the Source and Graph frames resizeable HOT 2
- add a companion css editor section HOT 1
- Edges to grouped nodes not working (curly braces) HOT 2
- Zip + base64 url export payload
- Console error: Refused to create a worker HOT 2
- Lost characters when typing fast and DOT parsing errors occur HOT 2
- Drawing an edge always inserts a directed edge even if the graph is not a directed graph, which results in "syntax error"
- Inserting a node or drawing an edge fails when the graph is transitioning after another node insertion or edge drawing
- Keyboard shortcuts involving the control key in the graph doesn't work in Firefox on Ubuntu when the "Locate Pointer" feature is enabled HOT 1
- Entering a node named 'constructor' causes error and no graph rendered HOT 1
- Visualization of the cognitive model
- Please add the ability to see the dot command HOT 2
- Having a node called `toString` hard crashes the editor HOT 2
- Copy-pasting a node with implicit attributes may differ visually from the copied node HOT 1
- How to scroll x/y with the touchpad? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from graphviz-visual-editor.