skills.rest
winstonkoh87
winstonkoh87COMMUNITY
Explore all skills by this author →
WebsiteGitHub

dashboard-builder

Convert data into interactive offline HTML dashboards with Chart.js.

558|75|Updated Dec 18, 2025
Search Tags:#html#charts#offline#dashboard#visualization#filters
One-click install
npx skills add https://github.com/winstonkoh87/Athena-Public --skill dashboard-builder-winstonkoh87
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-builder
Source: https://github.com/winstonkoh87/Athena-Public/tree/main/examples/skills/coding/dashboard-builder
Command: npx skills add https://github.com/winstonkoh87/Athena-Public --skill dashboard-builder-winstonkoh87

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating dashboards typically requires multiple steps, external libraries, and sometimes server-backed delivery, which complicates sharing and offline access. Dashboard Builder solves this by producing a single self-contained HTML file that runs entirely in the browser, with charts, filters, and tables ready to view and customize.

Core Features & Use Cases

  • Self-contained HTML dashboards: a single file with embedded data, no external dependencies.
  • Interactive visuals: charts and filters that update in real-time within the same file.
  • Layout flexibility: supports KPI cards, 1–3 charts, and an optional detail table, arranged for executive overviews or monitoring dashboards.
  • Use cases include executive reporting, project monitoring, and ad-hoc data exploration, all deliverable as a portable HTML file.
  • Lightweight and offline-capable: designed to be opened directly in a browser without a server.

Quick Start

Create a single-file HTML dashboard from your data and open it in a browser.

Frequently Asked Questions about dashboard-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an interactive HTML dashboard from data without a server?▼

You can create an offline HTML dashboard by converting your data into a single self-contained file with embedded data, Chart.js visualizations, and filters that render client-side in any browser without server dependencies.

Can I build a self-contained dashboard file that works offline?▼

Yes, a self-contained HTML dashboard file works offline by embedding data directly and rendering charts client-side via Chart.js, allowing you to open the file in any browser without external dependencies or server connections.

What is the best way to share executive reports as a portable dashboard?▼

The best way to share executive reports is generating a single-file HTML dashboard with KPI cards, charts, and detail tables, which recipients can open directly in a browser without installing software or connecting to a server.

Does the generated dashboard support real-time interactive filters and charts?▼

Yes, the generated dashboard supports interactive filters and charts that update in real-time within the same HTML file, allowing users to dynamically explore data through client-side rendering without reloading or server requests.

Can I include a data table alongside charts in an offline HTML dashboard?▼

Yes, you can include an optional data table alongside KPI cards and up to three charts in the dashboard layout, providing detailed records within the same single-file HTML for executive overviews or monitoring.

Do I need external libraries or server backing to view the dashboards?▼

No external libraries or server backing are needed to view the dashboards because the output is a single lightweight HTML file with embedded data and client-side Chart.js rendering designed to run entirely offline in a browser.

Related Skills

Explore More Data & Analytics Skills→
gaogg521gaogg521
33

officecli-data-dashboard

Convert CSV input into a two-sheet .xlsx workbook with a KPI Dashboard.

Community
Advanced
EpiphyticEpiphytic
7

interactive-dashboard-builder

Build interactive HTML dashboards with Chart.js charts, filters, and data tables.

Official
Intermediate
w95w95
145

interactive-dashboard-builder

Build self-contained interactive HTML dashboards with Chart.js, filters, and sortable tables.

Community
Intermediate
HainrixzHainrixz
128

investment-analysis

Orchestrate five agents to analyze markets and generate a bilingual HTML report.

Community
Advanced