Skip to content
Get packs

Data Visualization Report

Turns CSV, Excel or JSON data into a polished single-page visual report with charts and KPIs

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
3 files

What it does

When this skill is installed, the agent takes data you provide (CSV, Excel or JSON) and builds a styled, single-page HTML report. The report includes a title and date range, key metric cards with change indicators, at least two charts drawn with Chart.js or ECharts, a formatted data table, short emoji-led insights, and a collapsed methodology section. The skill's instructions say to parse your actual data rather than invent numbers, and to give chart containers fixed heights so the charts do not grow endlessly in the browser.

Great for

  • Business or finance staff who need a quick visual weekly or monthly summary from a spreadsheet export
  • Analysts who want a shareable HTML page instead of a slide deck
  • Anyone who wants a starting layout for a data report that they can refine

Skip it if

  • Sensitive or confidential financial data sent to an agent or online service, since the report pulls chart libraries from a public CDN and the data is handled by the agent, so review what leaves your machine
  • Decisions that need verified statistics, since the insights are generated text and the skill asks only for a methodology note, not validation

Try asking

  • “Turn this sales CSV into a weekly report with KPI cards and two charts”
  • “Build a visual report from this JSON export of monthly user growth”
  • “Make a shareable one-page dashboard from my Excel budget summary”
Step-by-step guide: how to use Data Visualization ReportInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    data-report.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip data-report.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip data-report.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide clean, column-labelled data and state the time period so the header and KPIs are accurate
  • Check every number in the output against your source before sharing the report
  • Ask for specific metrics or chart types to focus the report on what matters

What's inside

  • example.html
  • example.md
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.