Flow2Code: Transforming Hand-Drawn Flowcharts into Executable Code to Enhance Learning Chapter uri icon


  • Flowcharts serve as a great tool for new students learning programming logic in a language-independent fashion. However, current software tools for creating flowcharts on the computer have various shortcomings. UI-based solutions make creating flowcharts difficult through inefficient drag-and-drop menus. Sketching-based solutions take a more intuitive approach but dont help the students beyond having pseudocode to start with. Flow2Code, on the other hand, enables students to draw flowcharts and translate them into code in a helpful way of bridging the gap between the two languages. Flow2Code can identify and interpret flowcharts drawn on paper using an algorithm for recognizing various shapes used in flowcharts. It fills a gap in the current solutions by converting the flowcharts into executable code and by having an intuitive and interactive interface where the users can edit both their flowchart and its resulting code.

author list (cited authors)

  • Ray, S., Herrera-Cmara, J. I., Runyon, M., & Hammond, T.

citation count

  • 1

complete list of authors

  • Ray, Samantha||Herrera-Cámara, Jorge Iván||Runyon, Matthew||Hammond, Tracy

editor list (cited editors)

  • Hammond, T., Prasad, M., & Stepanova, A.

Book Title

  • Inspiring Students with Digital Ink: Impact of Pen and Touch on Education

publication date

  • January 2019