Tree Diagram with Raphaël and CoffeeScript

Demo for the blog post Drawing a tree diagram with Raphaël and CoffeeScript. Click a box to select it, or click a triangle to open and close its children. Node clicks are also logged to the browser console.

Download the code

• tree-with-raphael.coffee — the SVGTree class (compiled tree-with-raphael.js)
• demo-with-raphael.coffee — sample data and setup (compiled demo-with-raphael.js)

Uses Raphaël 2.3.0 (copy, MIT license) and jQuery 3.7.1 (copy, MIT license). The compiled JavaScript was generated with CoffeeScript 2.7.0.