Mazes for Programmers with Livebook

[linusdm]

I would like to implement the algorithms from the book Mazes for Programmers in a Livebook. Seems like a really fun way to improve my Elixir skills and get more familiar with Livebook. I'm just not sure what the best way is to visualize such graphs. I only need a canvas and an API to draw lines. Is there a built-in way to do such things?

Has anybody else tried this with Livebook?

[josevalim]

You can use both Kino.JS and Kino.JS.Live to build your own APIs that interact with JavaScript. You may also be interested in this: https://github.com/angelikatyborska/mazes

[jonatanklosko]

You can also look at the "Multiplayer pong game from scratch" notebook in the Explore section. It generates SVG-based visualizations :)

[MachinesAreUs]

Hi! Any plans for including direct support for SVG files directly from markdown? Currently the UI doesn't allow to upload such files, but at least Github doesn't have a problem rendering them from MD.

UI restriction

Github Example

https://github.com/MachinesAreUs/md_svg/blob/main/README.md

[jonatanklosko]

Sounds good! It's a matter of changing this line and updating the error message. A PR is welcome :)

[caleb-acosta]

Done! @jonatanklosko

PR

[jeregrine]

I started a project to do canvas drawing in Kino https://github.com/jeregrine/kino_canvas I need to update it for latest kino but the bones are there.

[aleDsz]

Could it act like a Smart Cell? Dunno if it would fit with Canvas.

[jeregrine]

Probably could! This was slightly before them.

[linusdm]

These are all very good suggestions. Thanks!

@angelikatyborska her work was on my radar. The Thinking Elixir podcast featuring her work, and seeing her implementation are very inspirational.

Livebook is in such a good sweet spot in-between plain scripts and full-fledged applications for these kind of challenges...