Anko

Is it possible to use LiveView to create LiveBook Kinos?

I have started down the path of creating a Kino for rich data analysis on a DataFrame - something quite a bit richer than the Kino.DataTable.

The challenge is, the examples that i’m looking at use React for the interface. Coming from liveview this is quite the learning curve. Does anyone know if it’s possible to use liveview to create Kinos?

6 comments

/livebook #liveview #kino #livebook-questions

7 1015 6

2024-05-12 00:10:06 UTC

Marked As Solved

jonatanklosko

Creator of Livebook

The custom Kinos require JavaScript for the client side, you can use any framework, but it’s not possible to use LiveView.

Post #2

Also Liked

acalejos

In case you’re going the route of making this a SmartCell, I made a template for them: GitHub - acalejos/kino_smartcell_template: A template project for creating Elixir Livebook Smart Cells with Tailwind and Vite

You could also use this for normal Kino.JS. Just remove the smart cell relevant code.

Post #4

Anko

Just wanted to thank you, i’ve started using this today and it’s excellent! it would have taken me months to work it all out.

Post #6

Anko

Really cool stuff!! thank you! As of yesterday vite was new to me, it’s been about 8 years since i did react or front end

But this does help

Post #5

Where Next?

View thread on forum (has 6 responses!)

livebook

liveview

kino

Home Questions & Help>Questions

/livebook #liveview #kino #livebook-questions

7 1017 6

Last post

Popular in Questions

Questions & Help>Questions

Best Practises for Error handling elixir?

How to handle excepions in elixir? Suppose i have A, B, C ,D, E modules. and each module has get() function. A.get() method will call th...

16 16061 9

2017-08-30 06:48:57 UTC

New

Questions & Help>Questions

Checking if an enum is empty - Credo vs Compiler

Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...

#compiler #credo

8 22889 6

2019-06-10 17:38:48 UTC

New

Questions & Help>Questions

Ecto :database Not Found

This should be a simple problem but I just can’t seem to figure it out. I have a standalone Elixir app that won’t find the database. Dep...

#ecto #postgres #troubleshooting #ecto-migration

7 14214 22

2020-01-25 18:09:10 UTC

New

Questions & Help>Questions

Defining Ecto Schemas (PostGres) to use NOT NULL in column definitions

I’m working on defining a simple Ecto schema for a table (in PostGres), but I don’t see where I can define a column as NOT NULL. Conside...

#ecto

29 14078 4

2018-06-15 19:49:48 UTC

New

Questions & Help>Questions

Converting date string to Ecto.Date

Hey guys. I'm new to elixir and im really stocked about it. But I ran into a bit of problem - I need to convert a date sting, for examp...

/phoenix #ecto #dates

14 13473 4

2017-02-22 23:19:06 UTC

New

Questions & Help>Questions

Removing spaces and characters from string

If I have a string “1000 cfu/ml” . I want to remove the characters and / and space . So the string is like this "1000" What is the ...

#regex

11 14427 2

2019-03-01 05:47:15 UTC

New

Questions & Help>Questions

how configure visual studio code for elixir intellisense

Hi guys, nice to meet you to the whole forum, I’m new here, I’m trying to configure visual studio code for elixir, right now the intellis...

#code-editors #vscode #vscode-elixir

7 14611 11

2021-01-17 18:40:01 UTC

New

Questions & Help>Questions

Mint vs Finch vs Gun vs Tesla vs HTTPoison etc

Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...

#http_client

252 21859 30

2024-02-11 02:32:24 UTC

New

Questions & Help>Questions

It's possible to write a custom Guard to check for a blank string?

Sometimes I want to check if the input into a function is not a blank string. My first approach: defmodule Example do def do_stuff(s...

#guard-clauses #strings #guard #binary

20 14093 21

2021-03-10 23:50:07 UTC

New

Questions & Help>Questions

How To Implement if...else if...else condition

Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...

#how-to-question

40 51494 6

2017-08-23 10:29:43 UTC

New

Other popular topics

News>Announcing

Oban - Reliable and Observable Job Processing

Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...

/oban #ecto #postgres #job-processing

977 41022 311

2025-10-22 10:32:47 UTC

New

Questions & Help>Questions

Dialyzer: suppress warning on a specific function

In the Dialyzer docs ( http://erlang.org/doc/man/dialyzer.html#requesting-or-suppressing-warnings-in-source-files ), there is a way to tu...

#dialyzer

25 13690 6

2020-07-15 19:58:51 UTC

New

Questions & Help>Questions

Erlang and Elixir on Apple Silicon/M1 Chip

Hello all! I am typing this post from my new MacBook Pro with the M1 chip. I’m loving it so far, and will probably use it as my daily dr...

#erlang #troubleshooting

121 24599 65

2023-07-05 21:22:36 UTC

New

Questions & Help>Questions

(EXIT) no process: the process is not alive or there's no process currently associated with the given name, possibly because its application isn't started

I have an umbrella app. Some of the apps inside depend on other apps in the umbrella, unsurprisingly. I'm writing a test for one of t...

#otp #umbrella #testing #exunit #errors

26 21431 11

2019-05-08 23:43:18 UTC

New

Questions & Help>Questions

Formatting a string to PEM with headers and line breaks

Hi, I'm quite new in Elixir and I'm trying to format a string to a PEM format. I have the certificate value like MIIDBTCCAe2...... and ...

2 14555 7

2018-01-08 06:15:05 UTC

New

News>Phoenix News

Phoenix v1.3.0-rc.0 released

As promised, the first release candidate of Phoenix 1.3.0 is out! This release focuses on code generators with improved project structure...

/phoenix #phoenix-release

434 29347 97

2017-06-15 09:53:47 UTC

New

Questions & Help>Questions

Write while loop equivalent in elixir

I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...

#while #loop

60 28200 36

2023-10-19 09:05:29 UTC

New

Questions & Help>Questions

How to convert map to string (separated with ,)

Hello, I have map which I want to convert it to string like this: the map: %{last_name: "tavakkoli", name: "shahryar"} the string I ne...

#maps #strings

15 15491 2

2019-03-08 10:48:10 UTC

New

News>Announcing

Kaffy - a quick and flexible admin interface for phoenix applications

Hello guys, I have finally made it. I created an admin interface for a framework. It’s been on my todo list for years and with the curre...

/phoenix #ecto #library #admin-tools #kaffy

301 23683 97

2025-09-20 21:58:54 UTC

New

Chat & Discussions>Discussions

Elixir vs Python

Elixir appears to be a superior language to Python. I don’t see any advantage of Python over Elixir. Are there any?

#discussion #python #elixir

82 17872 30

2023-07-21 11:01:37 UTC

New

Is it possible to use LiveView to create LiveBook Kinos?

Anko

Is it possible to use LiveView to create LiveBook Kinos?