# Introduction
# What is Grid FLow Chart
Grid Flow Chart is a plug-in for drawing flowcharts. The position of the flowchart node is determined by drawing a grid，and it automatically determines the trajectory of the connecting line given the starting node and final node of the connecting line,.
# Example
React demo codeopen in new window
Vue demo codeopen in new window
# Drawing steps
Determine the block of the flowchart
Grid the above blocks
Determine the grid location of each node of the flowchart
Determine the starting point of the connection