cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor charts to use plain HTML

Browse Source 
More responsive, less edge cases, and simpler to maintain.
This commit is contained in:
Claudio Ortolina
2026-03-21 18:00:06 +00:00
parent 47b6f44273
commit b12e70f471
3 changed files with 79 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/index.ex
+3 -9
View File
@@ -300,9 +300,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart
data={@records_by_artist}
width={600}
height={26 * length(@records_by_artist)}
color_class="fill-red-500"
color_class="bg-red-500"
label_fn={fn datum -> datum.name end}
value_fn={fn datum -> datum.count end}
datum_click={
@@ -322,9 +320,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart
data={@records_by_genre}
width={600}
height={26 * length(@records_by_genre)}
color_class="fill-zinc-500"
color_class="bg-zinc-500"
label_fn={fn {genre, _count} -> genre end}
value_fn={fn {_genre, count} -> count end}
datum_click={
@@ -344,9 +340,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart
data={@records_by_release_year}
width={600}
height={26 * length(@records_by_release_year)}
color_class="fill-red-500"
color_class="bg-red-500"
label_fn={fn {year, _count} -> year end}
value_fn={fn {_year, count} -> count end}
datum_click={