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
- Show data, not decoration
- Maximize data-ink ratio
- Avoid 3D effects
- Use color purposefully
- Include clear labels
- 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
xamarin
Xamarin cross-platform development
★ 3
wrangling
Data wrangling fundamentals
★ 3
windows
Windows operating system administration and scripting
★ 3
wide-column
Wide-column data model
★ 3
wide-column-stores
Wide-column database stores
★ 3
websockets
WebSocket implementation and best practices
★ 3