chart-visualization

Generate chart images from data and return image URLs with configurations.

135|12|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/Citrus-bit/medrix-flow --skill chart-visualization-citrus-bit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chart-visualization
Source: https://github.com/Citrus-bit/medrix-flow/tree/main/skills/public/chart-visualization
Command: npx skills add https://github.com/Citrus-bit/medrix-flow --skill chart-visualization-citrus-bit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires nodejs.

What problem does it solve?

Automatically transform raw data into informative charts, removing the guesswork from visualization and ensuring consistent, ready-to-share visuals for dashboards, reports, and presentations.

Core Features & Use Cases

  • Intelligent chart selection: analyzes data features to pick the most suitable chart type from 26 options.
  • Parameter extraction: reads required fields from detailed specs to map inputs into the chart's args.
  • Chart generation: executes a script to render the chart image and returns the image URL along with the full configuration used.
  • Use cases: dashboards, executive reports, product analytics, and data storytelling.

Quick Start

Provide your data and desired chart type; the system will generate the chart image and return the image URL.

Frequently Asked Questions about chart-visualization

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

FAQPage Schema
How do I automatically generate charts from raw data for dashboards?

You can automatically generate charts by providing raw data and a desired chart type. The system intelligently selects the most suitable visualization from 26 options, extracts parameters from reference specs, and executes a script to return the image URL and configuration.

What is the best way to select the right chart type for my data visualization?

The best way to select a chart type is to let the system intelligently analyze your data features. It automatically maps your inputs into the correct chart arguments, ensuring consistent and accurate visual rendering for reports and presentations without manual guesswork.

Do I need Node.js to render data visualization images?

Yes, Node.js is required to render data visualization images. The skill relies on a script-based generation pipeline that executes within a Node.js environment to produce the final chart image and configuration output.

Can I use auto-generated charts for executive reports and presentations?

Yes, you can use auto-generated charts for executive reports and presentations. The system transforms raw data into ready-to-share visuals, returning both the image URL and the configuration, making it suitable for dashboards and analytical explorations.

How does parameter extraction work when generating charts from reference materials?

Parameter extraction works by reading required fields from detailed reference specifications to map your inputs into the chart's arguments. This ensures the script-based generation pipeline accurately renders the visual according to the extracted configuration.

Why use automated chart rendering instead of manual visualization tools?

Automated chart rendering removes the guesswork from visualization by intelligently selecting chart types based on data features. It ensures consistent, ready-to-share visuals for dashboards and reports, returning both the image URL and the configuration used.