elixirのKinoと仲良くなる

Kinoとは？

Client-driven interactive widgets for Livebook.
Kino is the library used by Livebook to render rich and interactive outputs directly from your Elixir code.

KinoとはLivebook上で動作するUIライブラリで、画像の表示やユーザーが操作可能なボタンやフォームをElixirコードでLivebook上に配置できます。

引用:Elixir実践入門

UIに関連したライブラリであり、統計データ、APIのレスポンスデータ、画像ウやグラフその他のUIを整えることができます。

実践

以下の作業はLivebookで行います。

Chart

Elixirのデータをさまざまなグラフに描画します。

my_data = %{a: [89, 124, 0, 67, 45], b: [12, 45, 67, 83, 31]}

でデータを用意して実行します。

次にSmartからChartを選択します。

データの対象を確認したら実行します。

グラフができあがりました。

MAP

地図データの表示とマーカーの追加と図形、点、線の描画を行います。