DEV Community

friday
friday

Posted on

How to create a graph diagramming by uploading pictures

Step 1: Open the canvas

Image description

Step 2: click the import images button to pop up the image selection dialog box,Select the image you want to import and confirm.

Image description

Step 3: After clicking Confirm, you can see the picture you selected in the canvas.

Image description

Step 4: Select a sorting method from the top buttons.

Image description

Step 5: Drag the small dot in any node to add a connection relationship with other nodes.

Image description

Step 6: Drag the small dot in any node and release the mouse in the blank space to complete the function of adding a new node.

Image description

Step 7: Click the top and config buttons to modify the properties of the nodes and lines of the graph, such as adding line arrows, changing node colors, adding animations, etc.

For more operations, please visit AddGraph.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more