Here are the notes on how to write a smart cell:
https://www.strangeleaflet.com/lets-write-an-elixir-livebook-smart-cell
Before I build the smart cell I need to change the input format from a list of strings in javascript to a text block that uses the current syntax of onlinewardleymaps.
The current major deviation is the implementation of the evolve type which I am using two coordinates rather than one. Also there is no explicit offset mechanism, instead labels have a white underlay.
It is also missing title, alternative x-axis titles and annotations.
I had initially tried to implement this with VegaLite, but found that was more suitable for traditional charts. D3.js is a lower level library. You have to do slightly more work yourself, but gain complete control: everything in software development is a compromise.
Developer Rants 