first commit

sn-infographic/references/styles/data-visualization.md

@@ -0,0 +1,28 @@
+# 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