interactive-dashboard-builder
Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.
How to use
Zainstaluj umiejętność w swoim środowisku Claude/Copilot, wskazując repozytorium anthropics/knowledge-work-plugins i ścieżkę data/skills/interactive-dashboard-builder.
Przygotuj dane, które chcesz wizualizować – mogą to być dane CSV, JSON lub liczby przekazane bezpośrednio w prośbie do asystenta.
Poproś asystenta o wygenerowanie dashboarda, opisując: jakie wykresy chcesz (słupkowe, liniowe, kołowe), jakie filtry dropdown są potrzebne (np. filtr po dacie, kategorii, regionie) i jakie KPI powinny być wyświetlone na górze.
Asystent wygeneruje kompletny plik HTML zawierający szablon z Chart.js, wbudowanymi stylami CSS i kodem JavaScript obsługującym filtry – wszystko w jednym pliku.
Pobierz wygenerowany plik HTML i otwórz go w przeglądarce internetowej – dashboard będzie w pełni funkcjonalny bez potrzeby serwera.
Jeśli chcesz udostępnić dashboard innym, wyślij im plik HTML – będą mogli go otworzyć bezpośrednio w przeglądarce na dowolnym urządzeniu.