AGENT SKILL

visualization

Data and information visualization

适用职业数据分析师
使用场景分析与可视化
License 许可
MIT
最近更新
2026-03-01
Stars
★ 3
Forks
2

01 前言 Front Matter

name
visualization
license
MIT
metadata
{ "audience": "developers", "category": "data-science" }
description
Data and information visualization

03 SKILL.md 正文

What I do

  • Create effective data visualizations
  • Select appropriate chart types
  • Design interactive dashboards
  • Handle large datasets efficiently
  • Apply color and typography
  • Tell stories with data

When to use me

When presenting data, building dashboards, or creating visual reports.

Key Concepts

Chart Selection

Comparison: Bar, Column, Radar
Distribution: Histogram, Box plot
Relationship: Scatter, Bubble
Composition: Pie, Stacked area
Trend: Line, Area
Part-to-whole: Treemap, Sunburst

Data Visualization Libraries

# Python
import matplotlib.pyplot as plt
import seaborn as sns
import plotly.express as px
from bokeh.plotting import figure

# JavaScript
import * as d3 from 'd3';
import Chart from 'chart.js/auto';
import { Vega } from 'vega';

Design Principles

  1. Show data, not decoration
  2. Maximize data-ink ratio
  3. Avoid 3D effects
  4. Use color purposefully
  5. Include clear labels
  6. Provide context

Interactive Dashboards

// Plotly Dash example
import dash
from dash import dcc, html

app = dash.Dash(__name__)
app.layout = html.Div([
    dcc.Graph(id='chart'),
    dcc.Interval(interval=5000)
])

Accessibility in Visualization

  • Colorblind-safe palettes
  • Patterns + colors
  • Screen reader support
  • High contrast mode
  • Tooltips for detail

Best Practices

  • Start with clean data
  • Choose the simplest chart
  • Label axes clearly
  • Add legends
  • Provide context
  • Test with real users

04 同仓库更多 Skills