hugobarauna

KinoSlides

Mix.install([
  {:kino, "~> 0.15.3"}
])

Section

hugobarauna

How to display progress

Mix.install([
  {:kino, "~> 0.14"},
  {:kino_progress_bar, github: "acalejos/kino_progress_bar"}
])

Using a custom a spinner based on on Kino.HTML

hugobarauna

defmodule KinoTextClipboard do
  def new(text) do
    Kino.HTML.new("""
      <style>
        .container {
            box-sizing: border-box;
            position: relative;
            width: 100%;
            background-color: #fff;
            border: 1px solid #ccc;

hugobarauna

Kino Spinner

Mix.install([
  {:kino, "~> 0.13.2"}
])

Section

hugobarauna

Kino.Proxy.listen(fn conn ->
  Plug.Conn.send_resp(conn, 200, "hello world!")
end)

hugobarauna

Kino UI widgets

Mix.install([
  {:kino, "~> 0.12.3"}
])

hugobarauna

Process labels demo

Mix.install([
  {:kino, github: "livebook-dev/kino", ref: "hb-support-process-labels"}
])

Kino.Process.render_seq_trace

hugobarauna

Custom Kino to visualize a 2-dimensional Nx tensor as a matrix

Mix.install(
  [
    {:nx, "~> 0.7.1"},
    {:kino, "~> 0.12.3"}
  ],
  consolidate_protocols: false
)

hugobarauna

Kino JSON Input Proof of Concept

Mix.install([
  {:kino, "~> 0.12.3"},
  {:jason, "~> 1.4"}
])

hugobarauna

GenServer state inspector

Mix.install([
  {:kino, "~> 0.12.3"}
])

Section