?
Outline
Introduction
Kino.Input
Kino.Control
Kino.Markdown
Kino.Mermaid
Kino.DataTable
Kino.ETS
Kino.Tree
Kino.render/1 and Kino.Frame
Kino.Layout
Kino.Shorts
dbg
Next steps
New section
Expand/collapse all
Users
0 connected
Files
Add file
Add file
References
No files yet
Attachments
No files yet
Secrets
Available only to this session
New secret
🏠 Personal secrets
No secrets stored in this workspace so far
App
Slug
?
Session type
Single
Access
Password protected
Configure
Remote deployment
Deploy with Livebook Teams
Manual Docker deployment
Local preview
Launch preview
Runtime
Type
Embedded
Connect
Configure
Memory
229.9 GB available out of 251.8 GB
Connected nodes
No connected nodes
Code zen
Presentation
Custom
ins
Exploring built-in Kinos
Export
Erase outputs
Fork
See on Dashboard
Close
Using
🏠
Personal
workspace
🏠
Personal
Add Organization
Setup
Notebook dependencies and setup
Python
Introduction
1 cell collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.Input
Clear
Introduction
from ”Introduction”
Clear
Introduction
5 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.Control
Clear
Introduction
from ”Introduction”
Clear
Introduction
3 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.Markdown
Clear
Introduction
from ”Introduction”
Clear
Introduction
3 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.Mermaid
Clear
Introduction
from ”Introduction”
Clear
Introduction
2 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.DataTable
Clear
Introduction
from ”Introduction”
Clear
Introduction
5 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.ETS
Clear
Introduction
from ”Introduction”
Clear
Introduction
7 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.Tree
Clear
Introduction
from ”Introduction”
Clear
Introduction
2 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.render/1 and Kino.Frame
Clear
Introduction
from ”Introduction”
Clear
Introduction
7 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.Layout
Clear
Introduction
from ”Introduction”
Clear
Introduction
6 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Kino.Shorts
Clear
Introduction
from ”Introduction”
Clear
Introduction
8 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
dbg
Clear
Introduction
from ”Introduction”
Clear
Introduction
4 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Next steps
Introduction
1 cell collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
(esc)
User profile
?
Display name
Cursor color
Save
(esc)
Cell settings
Reevaluate automatically
Continue on error
Save
Cancel