data-visualization

Create interactive charts and dashboards with Recharts and D3.

8|Updated Feb 8, 2026

Search Tags:#charts #data #dashboard #visualization #d3 #recharts

Ready to run

npx skills add https://github.com/kensaurus/cursor-kenji --skill data-visualization-kensaurus

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: data-visualization
Source: https://github.com/kensaurus/cursor-kenji/tree/main/skills/data-visualization
Command: npx skills add https://github.com/kensaurus/cursor-kenji --skill data-visualization-kensaurus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create interactive, accessible data visualizations for dashboards and reports, enabling users to understand data at a glance.

Core Features & Use Cases

Recharts components: Line, Bar, Area, and Pie charts with responsive design and accessible tooltips.
Sparklines and sparkline dashboards for compact, inline charts.
Real-time and streaming data visualizations with smooth transitions.
D3.js custom visualizations for bespoke visuals and complex layouts.
Accessibility and responsive design considerations to meet WCAG guidance.

Quick Start

Use the data-visualization skill to render a simple responsive line chart from a dataset of monthly values.

Frequently Asked Questions about data-visualization

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

FAQPage Schema

How do I create interactive data visualizations for a dashboard?▼

To create interactive data visualizations, you can use this Skill to render responsive Recharts components like Line, Bar, Area, and Pie charts with accessible tooltips for your dashboard workflows.

What's the best way to visualize real-time streaming data in charts?▼

Visualizing real-time streaming data requires smooth transitions and performance considerations to handle large datasets. This Skill supports rendering real-time visualizations that update dynamically as new metrics arrive.

Does this data visualization approach support D3.js for custom layouts?▼

Yes, D3.js is supported for creating bespoke custom visualizations and complex layouts. You can leverage D3.js alongside Recharts components to build specialized charts beyond standard formats.

Can I build accessible charts that meet WCAG guidance?▼

Building accessible charts that meet WCAG guidance is fully supported. The Skill applies accessibility and responsive design considerations to ensure visualizations are usable across different devices.

How do I add sparklines for compact inline charts?▼

Adding sparklines for compact inline charts is a core feature. You can use the Skill to generate sparkline dashboards that display trends directly within your reports without requiring large chart footprints.

Do I need Recharts to render responsive line charts?▼

Recharts is required to render standard responsive line, bar, area, and pie charts. For bespoke visuals and complex layouts, D3.js custom visualizations are utilized instead within the same workflow.