A Binary Tree with Svelte, D3 and Layercake

A client wanted a recreation of the rather superb binary tree demo by R2D3. Without appropriating the specific aesthetics but building a configurable component that could be used to demonstrate binary trees in action and teach machine-learning.

We used Svelte, D3 and Layercake to make the component, using SVG paths to interpolate the position of tree items. Once again we were impressed by the dataviz productivity gains provided by Svelte components.