skills.rest
GleisonOliveira
GleisonOliveiraCOMMUNITY
Explore all skills by this author →
Website𝕏@classefinalGitHub

reversa-highcharts-visualizer

Generate standalone HTML data visualizations with Highcharts.js from inline, CSV, JSON, or Excel data.

Updated May 22, 2026
Search Tags:#html#data visualization#charts#javascript#dashboard#highcharts#csv parsing
One-click install
npx skills add https://github.com/GleisonOliveira/dockerpilot-mcp --skill reversa-highcharts-visualizer-gleisonoliveira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reversa-highcharts-visualizer
Source: https://github.com/GleisonOliveira/dockerpilot-mcp/tree/main/.agents/skills/reversa-highcharts-visualizer
Command: npx skills add https://github.com/GleisonOliveira/dockerpilot-mcp --skill reversa-highcharts-visualizer-gleisonoliveira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires openpyxl, and includes scripts (resource) and references (resource) components.

What problem does it solve? Turning raw data into polished, interactive charts usually requires manual JavaScript coding, chart-type decisions, and formatting work. This Skill automates the entire pipeline: it analyzes your data, recommends the right chart type, and produces a single self-contained HTML file with an animated, responsive, accessible Highcharts visualization. ## Core Features & Use Cases - 40+ Chart Types: Line, area, column, bar, pie, donut, scatter, bubble, heatmap, treemap, sunburst, sankey, funnel, gauge, stock (candlestick/OHLC), maps, Gantt, and more, with a decision table mapping data goals to chart types. - Data Parsing & Analysis Scripts: Python utilities parse CSV/JSON/Excel (handling Brazilian number formats and encodings), compute descriptive statistics, and suggest the best chart type based on data shape. - Standalone HTML Output: Generates a single self-contained .html file with pinned Highcharts 11.4.8, local vendor assets preferred over CDN, accessibility and exporting modules always included, plus dark mode and dashboard grid patterns. - Use Case: Paste a quarterly sales table into the chat and receive a ready-to-open HTML file with an animated stacked column chart, Portuguese-localized tooltips, and export buttons. ## Quick Start Ask the agent to create an interactive Highcharts visualization from your data, for example: "Create a line chart from this CSV showing monthly revenue trends and save it as a standalone HTML file."

Frequently Asked Questions about reversa-highcharts-visualizer

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

FAQPage Schema
How do I create an interactive chart from CSV data with Highcharts?▼

Provide the CSV file and the skill parses it with scripts/parse_data.py, which auto-detects encoding and delimiters and converts Brazilian number formats. The parsed data is injected directly into a standalone HTML file with the chosen Highcharts chart configuration.

What chart types does Highcharts support for data visualization?▼

The skill covers 40+ types documented in references/CHART_CATALOG.md, including line, area, column, bar, pie, scatter, bubble, heatmap, treemap, sunburst, sankey, funnel, gauge, wordcloud, network graph, box plot, stock candlestick, maps, and Gantt charts.

How do I choose the right chart type for my data?▼

Run scripts/analyze_data.py on your data file to get descriptive statistics and ranked chart suggestions based on whether data is temporal, categorical, or relational. The skill also provides a decision table mapping goals like trend, comparison, or composition to chart types.

Does the generated Highcharts HTML work offline without internet?▼

Yes, when run by the Reversa Docs team the HTML loads Highcharts from local assets/vendor/ files pinned via vendor-pins.yaml, so it works via file:// without internet. CDN links at code.highcharts.com version 11.4.8 serve only as fallback.

Why is my Highcharts chart slow with large datasets?▼

Charts with over 10,000 points render slowly without optimization. Include the boost.js module, set boostThreshold to 5000, disable animations and markers, and consider downsampling data with the analysis script before rendering.

Why does my Highcharts chart show no data or NaN values?▼

Empty or NaN values usually mean the data format does not match the chart type or numbers were not parsed correctly. Validate input with scripts/parse_data.py first, and configure the no-data-to-display module with a localized message for empty datasets.

Related Skills

Explore More Data & Analytics Skills→
nexu-ionexu-io
8.2k

data-report

Convert CSV, Excel, or JSON data into an HTML report with Chart.js charts and tables.

Official
Advanced
ZJU-REALZJU-REAL
195

site-builder

Build and publish accessible websites from user ideas to hosted URLs.

Official
Advanced
UnicornUnicorn

data-analysis-agent

Analyze tabular CSV, JSON, and spreadsheet datasets to produce statistical summaries, anomalies, and visualizations.

Official
Intermediate
SenseTime-FVGSenseTime-FVG
8

python-dataviz

Generate static and interactive charts from tabular data using matplotlib, seaborn, and plotly.

Official
Intermediate