Core Modeling Features in Portal Phase II

[pomelo-nwu]

Create New Vertex

• ✅ Click the "New Vertex" button to create a new vertex in the center of the canvas.
• ✅ Clicking on a "Vertex" expands the right-hand "Accordion Panel" for text editing the vertex's attributes, type, color, and more.
• ✅ Double-click on a "Vertex" to directly enter the "Label Type" on the vertex.
• ✅ Hover over a "Vertex" to see a 2px ring-shaped area appear around its edges, allowing you to drag and create a new edge.
• ✅ When dragging, a "Vertex Proxy Style" should be displayed. After dragging is finished, it can be replaced with the newly created vertex.

Create New Edge

• ✅ Click on an "Edge" to expand the right-hand "Accordion Panel" for text editing the edge's start vertex, end vertex, attributes, type, color, and more.
• ✅ Double-click on an "Edge" to directly enter the "Label Type" on the edge.
• ✅ The direction of the edge should be indicated with an arrow or demonstrated with an animation.

Edit Properties

• The overall component is located within the "Accordion Panel," following the modeling attributes list editing from Portal Phase I.

Switch to ER Diagram Mode

• ✅ Considering the subsequent integration with GART and the need to convert SQL DDL to GraphSchema, we are adding a transformation from "Graph to ER" diagram mode.

[pomelo-nwu]

For more interactive details, we can explore: https://arrows.app/