Data Visualization

作者 anthropicsae1513ea94dc无许可证27K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库今天更新

Create effective data visualizations with Python (matplotlib, seaborn, plotly). Use when building charts, choosing the right chart type for a dataset, creating publication-quality figures, or applying design principles like accessibility and color theory.

精选仅含说明Data & Analytics
AI 生成的概览

指导图表选择并提供 Python 绘图代码,用于制作清晰、易读的数据可视化。

功能
提供图表选择指南,将数据关系对应到合适的图表类型,并说明应避免使用的图表。给出 matplotlib、seaborn 和 plotly 的 Python 代码范例,涵盖折线图、条形图、直方图、热力图和小多图,并附数字格式化辅助函数。还涵盖颜色、排版、布局和准确性的设计原则,以及色盲友好配色和替代文本等无障碍做法。
适用场景
在为数据集或数据关系选择合适的图表类型时使用。在编写 Python 可视化代码或制作出版级图表时使用。在将设计、配色或无障碍标准应用于图表时使用。
运行要求
仅为说明性内容,不附带脚本。代码范例假定环境中已安装 Python 以及 matplotlib、seaborn、plotly、pandas 和 numpy。

Data Visualization Skill

Chart selection guidance, Python visualization code patterns, design principles, and accessibility considerations for creating effective data visualizations.

Chart Selection Guide

Choose by Data Relationship

What You're ShowingBest ChartAlternatives
Trend over timeLine chartArea chart (if showing cumulative or composition)
Comparison across categoriesVertical bar chartHorizontal bar (many categories), lollipop chart
RankingHorizontal bar chartDot plot, slope chart (comparing two periods)
Part-to-whole compositionStacked bar chartTreemap (hierarchical), waffle chart
Composition over timeStacked area chart100% stacked bar (for proportion focus)
DistributionHistogramBox plot (comparing groups), violin plot, strip plot
Correlation (2 variables)Scatter plotBubble chart (add 3rd variable as size)
Correlation (many variables)Heatmap (correlation matrix)Pair plot
Geographic patternsChoropleth mapBubble map, hex map
Flow / processSankey diagramFunnel chart (sequential stages)
Relationship networkNetwork graphChord diagram
Performance vs. targetBullet chartGauge (single KPI only)
Multiple KPIs at onceSmall multiplesDashboard with separate charts

When NOT to Use Certain Charts

  • Pie charts: Avoid unless <6 categories and exact proportions matter less than rough comparison. Humans are bad at comparing angles. Use bar charts instead.
  • 3D charts: Never. They distort perception and add no information.
  • Dual-axis charts: Use cautiously. They can mislead by implying correlation. Clearly label both axes if used.
  • Stacked bar (many categories): Hard to compare middle segments. Use small multiples or grouped bars instead.
  • Donut charts: Slightly better than pie charts but same fundamental issues. Use for single KPI display at most.

Python Visualization Code Patterns

Setup and Style

python
import matplotlib.pyplot as pltimport matplotlib.ticker as mtickerimport seaborn as snsimport pandas as pdimport numpy as np
# Professional style setupplt.style.use('seaborn-v0_8-whitegrid')plt.rcParams.update({    'figure.figsize': (10, 6),    'figure.dpi': 150,    'font.size': 11,    'axes.titlesize': 14,    'axes.titleweight': 'bold',    'axes.labelsize': 11,    'xtick.labelsize': 10,    'ytick.labelsize': 10,    'legend.fontsize': 10,    'figure.titlesize': 16,})
# Colorblind-friendly palettesPALETTE_CATEGORICAL = ['#4C72B0', '#DD8452', '#55A868', '#C44E52', '#8172B3', '#937860']PALETTE_SEQUENTIAL = 'YlOrRd'PALETTE_DIVERGING = 'RdBu_r'

Line Chart (Time Series)

python
fig, ax = plt.subplots(figsize=(10, 6))
for label, group in df.groupby('category'):    ax.plot(group['date'], group['value'], label=label, linewidth=2)
ax.set_title('Metric Trend by Category', fontweight='bold')ax.set_xlabel('Date')ax.set_ylabel('Value')ax.legend(loc='upper left', frameon=True)ax.spines['top'].set_visible(False)ax.spines['right'].set_visible(False)
# Format dates on x-axisfig.autofmt_xdate()
plt.tight_layout()plt.savefig('trend_chart.png', dpi=150, bbox_inches='tight')

Bar Chart (Comparison)

python
fig, ax = plt.subplots(figsize=(10, 6))
# Sort by value for easy readingdf_sorted = df.sort_values('metric', ascending=True)
bars = ax.barh(df_sorted['category'], df_sorted['metric'], color=PALETTE_CATEGORICAL[0])
# Add value labelsfor bar in bars:    width = bar.get_width()    ax.text(width + 0.5, bar.get_y() + bar.get_height()/2,            f'{width:,.0f}', ha='left', va='center', fontsize=10)
ax.set_title('Metric by Category (Ranked)', fontweight='bold')ax.set_xlabel('Metric Value')ax.spines['top'].set_visible(False)ax.spines['right'].set_visible(False)
plt.tight_layout()plt.savefig('bar_chart.png', dpi=150, bbox_inches='tight')

Histogram (Distribution)

python
fig, ax = plt.subplots(figsize=(10, 6))
ax.hist(df['value'], bins=30, color=PALETTE_CATEGORICAL[0], edgecolor='white', alpha=0.8)
# Add mean and median linesmean_val = df['value'].mean()median_val = df['value'].median()ax.axvline(mean_val, color='red', linestyle='--', linewidth=1.5, label=f'Mean: {mean_val:,.1f}')ax.axvline(median_val, color='green', linestyle='--', linewidth=1.5, label=f'Median: {median_val:,.1f}')
ax.set_title('Distribution of Values', fontweight='bold')ax.set_xlabel('Value')ax.set_ylabel('Frequency')ax.legend()ax.spines['top'].set_visible(False)ax.spines['right'].set_visible(False)
plt.tight_layout()plt.savefig('histogram.png', dpi=150, bbox_inches='tight')

Heatmap

python
fig, ax = plt.subplots(figsize=(10, 8))
# Pivot data for heatmap formatpivot = df.pivot_table(index='row_dim', columns='col_dim', values='metric', aggfunc='sum')
sns.heatmap(pivot, annot=True, fmt=',.0f', cmap='YlOrRd',            linewidths=0.5, ax=ax, cbar_kws={'label': 'Metric Value'})
ax.set_title('Metric by Row Dimension and Column Dimension', fontweight='bold')ax.set_xlabel('Column Dimension')ax.set_ylabel('Row Dimension')
plt.tight_layout()plt.savefig('heatmap.png', dpi=150, bbox_inches='tight')

Small Multiples

python
categories = df['category'].unique()n_cats = len(categories)n_cols = min(3, n_cats)n_rows = (n_cats + n_cols - 1) // n_cols
fig, axes = plt.subplots(n_rows, n_cols, figsize=(5*n_cols, 4*n_rows), sharex=True, sharey=True)axes = axes.flatten() if n_cats > 1 else [axes]
for i, cat in enumerate(categories):    ax = axes[i]    subset = df[df['category'] == cat]    ax.plot(subset['date'], subset['value'], color=PALETTE_CATEGORICAL[i % len(PALETTE_CATEGORICAL)])    ax.set_title(cat, fontsize=12)    ax.spines['top'].set_visible(False)    ax.spines['right'].set_visible(False)
# Hide empty subplotsfor j in range(i+1, len(axes)):    axes[j].set_visible(False)
fig.suptitle('Trends by Category', fontsize=14, fontweight='bold', y=1.02)plt.tight_layout()plt.savefig('small_multiples.png', dpi=150, bbox_inches='tight')

Number Formatting Helpers

python
def format_number(val, format_type='number'):    """Format numbers for chart labels."""    if format_type == 'currency':        if abs(val) >= 1e9:            return f'${val/1e9:.1f}B'        elif abs(val) >= 1e6:            return f'${val/1e6:.1f}M'        elif abs(val) >= 1e3:            return f'${val/1e3:.1f}K'        else:            return f'${val:,.0f}'    elif format_type == 'percent':        return f'{val:.1f}%'    elif format_type == 'number':        if abs(val) >= 1e9:            return f'{val/1e9:.1f}B'        elif abs(val) >= 1e6:            return f'{val/1e6:.1f}M'        elif abs(val) >= 1e3:            return f'{val/1e3:.1f}K'        else:            return f'{val:,.0f}'    return str(val)
# Usage with axis formatterax.yaxis.set_major_formatter(mticker.FuncFormatter(lambda x, p: format_number(x, 'currency')))

Interactive Charts with Plotly

python
import plotly.express as pximport plotly.graph_objects as go
# Simple interactive line chartfig = px.line(df, x='date', y='value', color='category',              title='Interactive Metric Trend',              labels={'value': 'Metric Value', 'date': 'Date'})fig.update_layout(hovermode='x unified')fig.write_html('interactive_chart.html')fig.show()
# Interactive scatter with hover datafig = px.scatter(df, x='metric_a', y='metric_b', color='category',                 size='size_metric', hover_data=['name', 'detail_field'],                 title='Correlation Analysis')fig.show()

Design Principles

Color

  • Use color purposefully: Color should encode data, not decorate
  • Highlight the story: Use a bright accent color for the key insight; grey everything else
  • Sequential data: Use a single-hue gradient (light to dark) for ordered values
  • Diverging data: Use a two-hue gradient with neutral midpoint for data with a meaningful center
  • Categorical data: Use distinct hues, maximum 6-8 before it gets confusing
  • Avoid red/green only: 8% of men are red-green colorblind. Use blue/orange as primary pair

Typography

  • Title states the insight: "Revenue grew 23% YoY" beats "Revenue by Month"
  • Subtitle adds context: Date range, filters applied, data source
  • Axis labels are readable: Never rotated 90 degrees if avoidable. Shorten or wrap instead
  • Data labels add precision: Use on key points, not every single bar
  • Annotation highlights: Call out specific points with text annotations

Layout

  • Reduce chart junk: Remove gridlines, borders, backgrounds that don't carry information
  • Sort meaningfully: Categories sorted by value (not alphabetically) unless there's a natural order (months, stages)
  • Appropriate aspect ratio: Time series wider than tall (3:1 to 2:1); comparisons can be squarer
  • White space is good: Don't cram charts together. Give each visualization room to breathe

Accuracy

  • Bar charts start at zero: Always. A bar from 95 to 100 exaggerates a 5% difference
  • Line charts can have non-zero baselines: When the range of variation is meaningful
  • Consistent scales across panels: When comparing multiple charts, use the same axis range
  • Show uncertainty: Error bars, confidence intervals, or ranges when data is uncertain
  • Label your axes: Never make the reader guess what the numbers mean

Accessibility Considerations

Color Blindness

  • Never rely on color alone to distinguish data series
  • Add pattern fills, different line styles (solid, dashed, dotted), or direct labels
  • Test with a colorblind simulator (e.g., Coblis, Sim Daltonism)
  • Use the colorblind-friendly palette: sns.color_palette("colorblind")

Screen Readers

  • Include alt text describing the chart's key finding
  • Provide a data table alternative alongside the visualization
  • Use semantic titles and labels

General Accessibility

  • Sufficient contrast between data elements and background
  • Text size minimum 10pt for labels, 12pt for titles
  • Avoid conveying information only through spatial position (add labels)
  • Consider printing: does the chart work in black and white?

Accessibility Checklist

Before sharing a visualization:

  • Chart works without color (patterns, labels, or line styles differentiate series)
  • Text is readable at standard zoom level
  • Title describes the insight, not just the data
  • Axes are labeled with units
  • Legend is clear and positioned without obscuring data
  • Data source and date range are noted

来源与署名

来源:anthropics/knowledge-work-plugins位于data/skills/data-visualization提交ae1513e

许可证: 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 anthropics/knowledge-work-plugins 的技能

Ticket Deflector

anthropics

精选

Reads a forwarded customer email or ticket, pulls order and refund status from a payments connector (PayPal, Square, or Stripe) or Shopify, account history from the CRM, and open tickets from a support desk (Zoho Desk), drafts a tone-matched reply in the owner's writing voice, and can issue a refund through the payments connector with explicit owner approval. With Shopify connected it also runs a proactive order-triage mode that surfaces orders needing attention — unfulfilled past the promised window, payment problems, pending refunds, stuck shipments — and drafts the next action for each before the customer has to ask. Use when the user says "draft a response," "answer this customer," "where's my order," "I want a refund," "check my orders," or "anything about to blow up."

待分类27K今天更新

Tax Season Organizer

anthropics

精选

Prepares tax-season materials for the owner's accountant, not tax advice. US federal tax; a non-US business gets its closed-books packet instead. Two modes: (1) quarterly estimated tax from YTD net income in the ledger (MYOB, NetSuite, QuickBooks, Xero, or Zoho Books); (2) year-end 1099 prep, scanning the ledger, PayPal, and Stripe for contractors paid over USD 600 into a 1099-NEC list with missing W-9 flags. Any tax request routes first to /tax-prep, which confirms the books are closed and reconciled before running this skill. Use this skill directly only when the owner says the period's books are already closed: "books are closed, now do the 1099s," "run the quarterly estimate off the closed numbers," or "just the contractor W-9 list."

待分类27K今天更新

Tax Prep

anthropics

精选

基于已结账的账目准备税务材料:季度预估缴税明细,或年终 1099-NEC 清单与会计师资料包。

Business & Finance27K今天更新

Smb Onboard

anthropics

精选

引导小微企业主完成首次设置:连接工具、运行一次体现价值的配方、记录业务背景并设定每周检查节奏。

Productivity & Workflow27K今天更新

Smb Router

anthropics

精选

将小企业主的需求转接到合适的插件技能或命令,并说明可用功能。

Productivity & Workflow27K今天更新

Month End Prep

anthropics

精选

Reconciles the accounting ledger (MYOB, NetSuite, QuickBooks, Xero, or Zoho Books) against PayPal, Shopify, Square, and Stripe settlements, flags transactions that need attention, suspicious duplicates, and missing receipts, then writes a plain-English P&L narrative and exports a close packet (xlsx + one-page PDF). This is the first link of the /close-month command; a request to close the month or the books routes there, and the command runs this skill before refreshing the forecast and distributing the packet. Use this skill directly only when the owner wants the reconciliation alone, with no forecast refresh and no distribution: "just reconcile, no packet," "what's missing from the books," "flag the duplicates and missing receipts," or "write the P&L narrative for this month."

待分类27K今天更新