A Binary Tree with Svelte, D3 and Layercake

less than 1 minute read

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.

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