The Visual Config Editor is a node based graphical editor for creating yaml config files. For users who are not familiar with yaml or are new to CircleCI or CI/CD in general, it’s a quick and easy way to get started.

I explored ways to showcase the interactions of the editor, focusing on the ability to drag and drop nodes from the menu, and settled on the final version z.