data-visualization-studio

Create interactive and static data visualizations from datasets. Supports charts, graphs, dashboards, and statistical plots with multiple output formats (PNG, SVG, HTML, PDF).

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "data-visualization-studio" with this command: npx skills add zhuyu28/data-visualization-studio

Data Visualization Studio

Create professional data visualizations from raw data or existing datasets.

When to Use

  • Creating charts and graphs from CSV, JSON, or database data
  • Building interactive dashboards for data exploration
  • Generating statistical plots and visual analytics
  • Exporting visualizations in multiple formats (PNG, SVG, HTML, PDF)
  • Creating publication-ready figures and reports

Quick Start

Basic Chart Creation

# Example: Create a simple bar chart
import pandas as pd
import matplotlib.pyplot as plt

data = pd.read_csv('data.csv')
plt.bar(data['category'], data['values'])
plt.savefig('chart.png', dpi=300, bbox_inches='tight')

Interactive Dashboard

# Example: Create interactive plot with Plotly
import plotly.express as px

df = pd.read_csv('data.csv')
fig = px.scatter(df, x='x_column', y='y_column', color='category')
fig.write_html('dashboard.html')

Supported Libraries

  • Matplotlib: Static plots, publication-quality figures
  • Plotly: Interactive visualizations, web dashboards
  • Seaborn: Statistical graphics, beautiful default styles
  • Bokeh: Interactive web plots, streaming data support
  • Altair: Declarative visualization, Vega-Lite integration

Output Formats

  • PNG/JPEG: High-resolution static images
  • SVG: Scalable vector graphics for web/print
  • HTML: Interactive web pages with embedded JavaScript
  • PDF: Publication-ready documents
  • JSON: Data export for further processing

Best Practices

  1. Data Preparation: Clean and validate data before visualization
  2. Color Schemes: Use accessible color palettes (avoid red-green)
  3. Labels: Always include clear axis labels and titles
  4. Resolution: Use appropriate DPI for intended use (72 for web, 300+ for print)
  5. File Size: Optimize file sizes for web delivery when needed

Advanced Features

  • Animation: Create animated transitions and time-series visualizations
  • Geospatial: Map-based visualizations with geographic data
  • 3D Plots: Three-dimensional data representation
  • Custom Styling: Brand-consistent themes and styling
  • Real-time: Live updating visualizations from streaming data

References

For detailed examples and advanced usage patterns, see the bundled reference files:

  • references/chart-types.md - Complete catalog of supported chart types
  • references/styling-guide.md - Customization and branding guidelines
  • references/performance.md - Optimization for large datasets

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

Fitbit Tracker

Personal Fitbit integration for daily health tracking with adaptive sleep and activity reporting

Registry SourceRecently Updated
General

Ollama Load Balancer

Ollama load balancer for Llama, Qwen, DeepSeek, and Mistral inference across multiple machines. Load balancing with auto-discovery via mDNS, health checks, q...

Registry SourceRecently Updated
General

Google Merchant Center

Google Merchant Center integration. Manage Accounts. Use when the user wants to interact with Google Merchant Center data.

Registry SourceRecently Updated
General

Twitter/X All-in-One — Search, Monitor & Publish Text & Media Posts

Searches and reads X (Twitter): profiles, timelines, mentions, followers, tweet search, trends, lists, communities, and Spaces. Publishes posts, likes/unlike...

Registry SourceRecently Updated