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

Charts: count by artists and count by genre

Browse Source 
Generated via Cursor and Claude 3.5 - initial version
This commit is contained in:
Claudio Ortolina
2025-04-05 12:41:17 +01:00
parent f0f43c22f6
commit 8d602aa50b
5 changed files with 202 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/index.html.heex
+32
View File
@@ -68,6 +68,38 @@
</dl>
</div>
<div class="mt-5 grid grid-cols-1 lg:grid-cols-2 gap-5">
<div>
<h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
{gettext("Records by Artist")}
</h1>
<div class="mt-5 bg-white dark:bg-zinc-800 rounded-md shadow-sm p-4">
<.vertical_bar_chart
data={@records_by_artist}
width={600}
height={600}
bar_color="rgb(79, 70, 229)"
class="w-full"
/>
</div>
</div>
<div>
<h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
{gettext("Records by Genre")}
</h1>
<div class="mt-5 bg-white dark:bg-zinc-800 rounded-md shadow-sm p-4">
<.vertical_bar_chart
data={@records_by_genre}
width={600}
height={600}
bar_color="rgb(244, 63, 94)"
class="w-full"
/>
</div>
</div>
</div>
<div class="flow-root">
<div class="mt-5 flex justify-between items-center">
<h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">