Files
agent-skills/sn-infographic/references/styles/data-visualization.md
Hermes Agent ccc63d1e70 first commit
2026-05-10 13:52:46 +08:00

919 B

data-visualization

Professional style presenting data via charts, graphs, and graphics. Clarity and accuracy above aesthetics.

Color Palette

  • Primary: Data-driven sequential or diverging palettes
  • Background: White or very light gray (#F8F9FA)
  • Accents: Highlight color for key data points (orange, red, or teal)

Visual Elements

  • Charts: bar, line, scatter, pie, treemap, heatmap
  • Clear axis labels and gridlines (subtle)
  • Data annotations and callouts
  • Consistent visual encoding (color = category, size = magnitude)
  • Legends placed close to data
  • No chart junk—every pixel encodes information

Typography

  • Tabular-figures numeric font (Roboto Mono, IBM Plex Mono)
  • Small, precise labels
  • Hierarchy: chart title > axis labels > data labels > footnotes

Best For

Statistical reports, research findings, business dashboards, scientific data, comparative analyses, trend visualizations