tiramisu

A touch screen tree editor. The root is displayed at the bottom, its children are placed horizontally directly above it.

Demo

• See it in action on YouTube
• Try it out at https://gashlin.net/tests/tiramisu/

Instructions

• Tap a node to edit text
• Drag a node up to add a parent
• Drag a node left or right to add a sibling node
• Drag a node down to delete a node
• Long press to cut a node, it can be pasted from the edit screen
• Pinch to zoom out

Credits

Inspired by a diagram on a recipe by Michael Chu by way of Li Haoyi's article What's Functional Programming All About?.