Infographic Data Summarizer
When to use this skill
- User asks to create infographic content
- User needs data visualization summaries
- User wants statistics formatted visually
- User mentions chart or graph selection
- User needs research distilled for visuals
Workflow
Instructions
Step 1: Data Source Analysis
Data source types:
| Source |
Extraction Approach |
| Research report |
Key findings, statistics, conclusions |
| Survey results |
Top responses, percentages, trends |
| Article/blog |
Statistics cited, main claims |
| Dataset (CSV) |
Summarize, find outliers, trends |
| Case study |
Before/after metrics, results |
| Industry report |
Market size, growth, forecasts |
Data extraction template:
## Data Extraction: [Source Title]
**Source:** [URL or document name]
**Date published:** [Date]
**Credibility:** [High/Medium/Low]
### Raw Data Points
| Statistic | Value | Context |
| --------- | -------- | ------------------ |
| [Metric] | [Number] | [What it measures] |
| [Metric] | [Number] | [What it measures] |
| [Metric] | [Number] | [What it measures] |
### Key Findings
1. [Finding with specific number]
2. [Finding with specific number]
3. [Finding with specific number]
### Quotable Stat
"[Most compelling statistic in sentence form]"
Step 2: Data Prioritization
Statistic selection criteria:
| Criteria |
Priority |
| Surprising or counterintuitive |
High |
| Large percentage or growth |
High |
| Directly relevant to audience |
High |
| Comparison/contrast |
Medium |
| Supporting detail |
Low |
| Common knowledge |
Skip |
Priority matrix:
## Data Priority
### Hero Stat (1)
[The single most compelling/shareable statistic]
### Primary Stats (2-3)
1. [Supporting major insight]
2. [Supporting major insight]
3. [Supporting major insight]
### Secondary Stats (3-5)
1. [Adds context]
2. [Adds context]
3. [Adds context]
### Discard
- [Not compelling enough]
- [Too complex to visualize]
Step 3: Visual Hierarchy Structure
Infographic anatomy:
## Infographic Structure
### Header Section
- **Title:** [Attention-grabbing headline]
- **Subtitle:** [Context or scope]
- **Source logo:** [If featuring research partner]
### Hero Section
- **Big number:** [Hero statistic]
- **Supporting text:** [1-sentence context]
- **Icon/illustration:** [Visual representation]
### Body Sections (3-5)
#### Section 1: [Theme]
- **Subhead:** [Section title]
- **Stat:** [Number or percentage]
- **Visual:** [Chart type or icon]
- **Caption:** [Brief explanation]
#### Section 2: [Theme]
[Repeat format]
#### Section 3: [Theme]
[Repeat format]
### Footer Section
- **Call-to-action:** [What to do next]
- **Source citation:** [Where data came from]
- **Branding:** [Logo, URL, social handles]
Step 4: Chart Type Selection
Chart selection guide:
| Data Type |
Best Chart |
When to Use |
| Parts of whole |
Pie/donut |
Max 5 segments, percentages |
| Comparison |
Bar chart |
Comparing categories |
| Ranking |
Horizontal bar |
Ordered list, top 10 |
| Change over time |
Line chart |
Trends, time series |
| Relationship |
Scatter plot |
Correlation between variables |
| Distribution |
Histogram |
Frequency, ranges |
| Flow/process |
Flowchart |
Steps, decisions |
| Geographic |
Map |
Location-based data |
| Proportion |
Icon array |
X out of Y representation |
| Progress |
Progress bar |
Completion, goals |
Chart alternatives:
| Instead of |
Consider |
Why |
| Pie chart (6+ slices) |
Horizontal bar |
Easier to compare |
| 3D charts |
2D flat |
More accurate perception |
| Dual-axis line |
Two separate charts |
Less confusing |
| Dense data table |
Highlighted key rows |
Scannable |
Visual metaphors:
| Concept |
Visual Approach |
| Growth |
Upward arrows, stacked bars |
| Speed |
Speedometer, racing imagery |
| Money |
Coins, bills, dollar signs |
| Time |
Clocks, calendars, timelines |
| People |
Icon figures, silhouettes |
| Comparison |
Side-by-side, vs. graphics |
Step 5: Copy Elements
Headline formulas:
| Formula |
Example |
| [Number] + [Noun] + [Action/Result] |
"5 Habits That Double Productivity" |
| The State of [Topic] in [Year] |
"The State of Remote Work in 2026" |
| [Question]? |
"Where Does Your Time Really Go?" |
| [X] vs [Y]: [Comparison] |
"Millennials vs Gen Z: Spending Habits" |
| What [Number] [People] Taught Us |
"What 1,000 Marketers Taught Us About AI" |
| The [Adjective] Guide to [Topic] |
"The Visual Guide to Sleep Science" |
Section headlines:
## Section Headline Patterns
- [Number] + Key Insight: "73% prefer remote work"
- Question format: "Who's adopting AI fastest?"
- Comparison: "Then vs Now"
- Action verb: "How teams are adapting"
- Time-based: "The rise of [trend] since 2020"
Caption writing:
| Element |
Max Length |
Purpose |
| Section head |
5-7 words |
Introduce the insight |
| Stat label |
2-4 words |
Name what's measured |
| Caption |
10-15 words |
Explain significance |
| Source note |
N/A |
Credit data origin |
Step 6: Infographic Types
Type selection:
| Type |
Best For |
Structure |
| Statistical |
Data-heavy research |
Hero stat + supporting data |
| Timeline |
History, evolution |
Chronological events |
| Process |
How-to, steps |
Sequential flow |
| Comparison |
Versus, pros/cons |
Two columns |
| Geographic |
Regional data |
Map-based |
| List |
Tips, facts |
Numbered or bulleted |
| Anatomical |
Breakdown, parts |
Labeled diagram |
| Flowchart |
Decisions, paths |
Branching structure |
Format dimensions:
| Platform |
Dimensions |
Aspect Ratio |
| Pinterest |
1000 x 1500px |
2:3 vertical |
| Blog/article |
800 x 2000px |
Long vertical |
| Social share |
1200 x 1200px |
Square |
| Presentation |
1920 x 1080px |
16:9 landscape |
| Print |
8.5 x 11" (300dpi) |
Letter vertical |
Step 7: Data Visualization Best Practices
Do's and don'ts:
| Do |
Don't |
| Start bar charts at zero |
Truncate axes to exaggerate |
| Use consistent colors |
Rainbow every section |
| Label directly on chart |
Rely only on legends |
| Round numbers (73%, not 72.8%) |
Use false precision |
| Show data source |
Present unsourced claims |
| Use white space |
Crowd every element |
Color usage:
| Purpose |
Approach |
| Highlight |
Use accent color for key stat |
| Categories |
Distinct but harmonious palette |
| Comparison |
Two contrasting colors |
| Sequential |
Light to dark gradient |
| Positive/negative |
Green/red or blue/orange |
Accessibility:
| Requirement |
Implementation |
| Color blind safe |
Use patterns + colors |
| Text contrast |
4.5:1 minimum ratio |
| Font size |
Minimum 12pt for body |
| Alt text |
Describe data and insights |
Step 8: Design Brief Template
Brief for designer:
## Infographic Design Brief
### Overview
**Title:** [Infographic title]
**Topic:** [Subject matter]
**Goal:** [What action should viewers take]
**Audience:** [Who this is for]
**Dimensions:** [Size and orientation]
**Brand:** [Style guide or brand to follow]
### Content Hierarchy
#### Header
- Title: "[Headline]"
- Subtitle: "[Subtitle]"
#### Hero Section
- Big number: [XX%]
- Context: "[One-sentence explanation]"
- Visual: [Icon/illustration suggestion]
#### Section 1: [Title]
- Stat: [XX]
- Chart type: [Recommended chart]
- Data: [Values to visualize]
- Caption: "[Explanation]"
#### Section 2: [Title]
[Repeat format]
#### Section 3: [Title]
[Repeat format]
#### Footer
- CTA: "[Action text]"
- CTA link: [URL]
- Source: "[Data source with date]"
- Logo: [Brand logo placement]
### Visual Notes
- Color palette: [Hex codes or brand colors]
- Style: [Modern/playful/corporate/minimal]
- Icons: [Style preference]
- Avoid: [Any restrictions]
### Files Needed
- [ ] Web version (PNG)
- [ ] Social version (1:1)
- [ ] Print version (PDF)
- [ ] Editable source file
Step 9: Social Media Versions
Platform adaptations:
## Social Snippets
### Instagram/LinkedIn (1080x1080)
**Headline:** [Shortened title]
**Hero stat:** [Big number]
**2-3 supporting stats:** [Key points]
**CTA:** "Full infographic in bio" / "See more →"
### Twitter/X (1200x675)
**Headline:** [Shortened title]
**1-2 key stats:** [Most shareable]
**Visual:** Cropped hero section
### Pinterest (1000x1500)
**Use full infographic** or top half with
"Pin for later" messaging
### Stories (1080x1920)
**Split into slides:**
1. Hook/title
2. Hero stat
3. Section 1
4. Section 2
5. CTA
Step 10: Source Citation
Citation format:
## Data Sources
**Primary source:**
[Organization Name], "[Report/Study Title]," [Year].
[URL]
**Additional sources:**
- [Source 2 with link]
- [Source 3 with link]
**Data collection:**
[Brief methodology if relevant]
Citation placement:
| Location |
Format |
| Footer |
"Source: [Organization], [Year]" |
| Per-stat |
Superscript number with footnote |
| Separate panel |
"Data sources" section |
Output Format
# Infographic Summary: [Title]
## Overview
**Topic:** [Subject]
**Data sources:** [Count] sources
**Target audience:** [Who]
**Format:** [Type and dimensions]
---
## Headline
**Title:** [Main headline]
**Subtitle:** [Supporting context]
---
## Hero Statistic
**Number:** [XX%]
**Label:** [What it measures]
**Context:** [Why it matters]
**Visual suggestion:** [Chart/icon type]
---
## Supporting Sections
### Section 1: [Theme]
**Stat:** [Number]
**Chart type:** [Recommendation]
**Data points:** [Values]
**Caption:** [Explanation]
### Section 2: [Theme]
[Repeat format]
### Section 3: [Theme]
[Repeat format]
---
## Call-to-Action
**Text:** [CTA copy]
**Link:** [URL]
---
## Sources
[Full citations]
---
## Design Brief
[Complete brief for designer]
---
## Social Adaptations
[Platform-specific versions]
Validation
Before completing:
Error Handling
- No clear data: Ask for specific statistics, survey results, or research to work from.
- Data too complex: Simplify to 3-5 key insights; suggest detailed report for rest.
- No source provided: Request original source; note if data is unverified.
- Conflicting data: Present most recent or most credible source; note discrepancy.
- Data not visual: Recommend list-style infographic or icon-based representation.
Resources
1---2name: creating-infographic-data-summaries3description: Converts data, research, and articles into infographic-ready summaries with visual hierarchy and chart suggestions. Use when the user asks about infographics, data visualization, visual summaries, chart types, or statistics presentation.4---5
6# Infographic Data Summarizer
7
8## When to use this skill
9
10- User asks to create infographic content
11- User needs data visualization summaries
12- User wants statistics formatted visually
13- User mentions chart or graph selection
14- User needs research distilled for visuals
15
16## Workflow
17
18- [ ] Extract key data points
19- [ ] Identify main insight
20- [ ] Structure visual hierarchy
21- [ ] Suggest chart types
22- [ ] Write supporting copy
23- [ ] Create design brief
24
25## Instructions
26
27### Step 1: Data Source Analysis
28
29**Data source types:**
30
31| Source | Extraction Approach |
32| --------------- | ------------------------------------- |
33| Research report | Key findings, statistics, conclusions |
34| Survey results | Top responses, percentages, trends |
35| Article/blog | Statistics cited, main claims |
36| Dataset (CSV) | Summarize, find outliers, trends |
37| Case study | Before/after metrics, results |
38| Industry report | Market size, growth, forecasts |
39
40**Data extraction template:**
41
42```markdown
43## Data Extraction: [Source Title]
44
45**Source:** [URL or document name]
46**Date published:** [Date]
47**Credibility:** [High/Medium/Low]
48
49### Raw Data Points
50
51| Statistic | Value | Context |
52| --------- | -------- | ------------------ |
53| [Metric] | [Number] | [What it measures] |
54| [Metric] | [Number] | [What it measures] |
55| [Metric] | [Number] | [What it measures] |
56
57### Key Findings
58
591. [Finding with specific number]
602. [Finding with specific number]
613. [Finding with specific number]
62
63### Quotable Stat
64
65"[Most compelling statistic in sentence form]"
66```
67
68### Step 2: Data Prioritization
69
70**Statistic selection criteria:**
71
72| Criteria | Priority |
73| ------------------------------ | -------- |
74| Surprising or counterintuitive | High |
75| Large percentage or growth | High |
76| Directly relevant to audience | High |
77| Comparison/contrast | Medium |
78| Supporting detail | Low |
79| Common knowledge | Skip |
80
81**Priority matrix:**
82
83```markdown
84## Data Priority
85
86### Hero Stat (1)
87
88[The single most compelling/shareable statistic]
89
90### Primary Stats (2-3)
91
921. [Supporting major insight]
932. [Supporting major insight]
943. [Supporting major insight]
95
96### Secondary Stats (3-5)
97
981. [Adds context]
992. [Adds context]
1003. [Adds context]
101
102### Discard
103
104- [Not compelling enough]
105- [Too complex to visualize]
106```
107
108### Step 3: Visual Hierarchy Structure
109
110**Infographic anatomy:**
111
112```markdown
113## Infographic Structure
114
115### Header Section
116
117- **Title:** [Attention-grabbing headline]
118- **Subtitle:** [Context or scope]
119- **Source logo:** [If featuring research partner]
120
121### Hero Section
122
123- **Big number:** [Hero statistic]
124- **Supporting text:** [1-sentence context]
125- **Icon/illustration:** [Visual representation]
126
127### Body Sections (3-5)
128
129#### Section 1: [Theme]
130
131- **Subhead:** [Section title]
132- **Stat:** [Number or percentage]
133- **Visual:** [Chart type or icon]
134- **Caption:** [Brief explanation]
135
136#### Section 2: [Theme]
137
138[Repeat format]
139
140#### Section 3: [Theme]
141
142[Repeat format]
143
144### Footer Section
145
146- **Call-to-action:** [What to do next]
147- **Source citation:** [Where data came from]
148- **Branding:** [Logo, URL, social handles]
149```
150
151### Step 4: Chart Type Selection
152
153**Chart selection guide:**
154
155| Data Type | Best Chart | When to Use |
156| ---------------- | -------------- | ----------------------------- |
157| Parts of whole | Pie/donut | Max 5 segments, percentages |
158| Comparison | Bar chart | Comparing categories |
159| Ranking | Horizontal bar | Ordered list, top 10 |
160| Change over time | Line chart | Trends, time series |
161| Relationship | Scatter plot | Correlation between variables |
162| Distribution | Histogram | Frequency, ranges |
163| Flow/process | Flowchart | Steps, decisions |
164| Geographic | Map | Location-based data |
165| Proportion | Icon array | X out of Y representation |
166| Progress | Progress bar | Completion, goals |
167
168**Chart alternatives:**
169
170| Instead of | Consider | Why |
171| --------------------- | -------------------- | ------------------------ |
172| Pie chart (6+ slices) | Horizontal bar | Easier to compare |
173| 3D charts | 2D flat | More accurate perception |
174| Dual-axis line | Two separate charts | Less confusing |
175| Dense data table | Highlighted key rows | Scannable |
176
177**Visual metaphors:**
178
179| Concept | Visual Approach |
180| ---------- | ---------------------------- |
181| Growth | Upward arrows, stacked bars |
182| Speed | Speedometer, racing imagery |
183| Money | Coins, bills, dollar signs |
184| Time | Clocks, calendars, timelines |
185| People | Icon figures, silhouettes |
186| Comparison | Side-by-side, vs. graphics |
187
188### Step 5: Copy Elements
189
190**Headline formulas:**
191
192| Formula | Example |
193| ----------------------------------- | ----------------------------------------- |
194| [Number] + [Noun] + [Action/Result] | "5 Habits That Double Productivity" |
195| The State of [Topic] in [Year] | "The State of Remote Work in 2026" |
196| [Question]? | "Where Does Your Time Really Go?" |
197| [X] vs [Y]: [Comparison] | "Millennials vs Gen Z: Spending Habits" |
198| What [Number] [People] Taught Us | "What 1,000 Marketers Taught Us About AI" |
199| The [Adjective] Guide to [Topic] | "The Visual Guide to Sleep Science" |
200
201**Section headlines:**
202
203```markdown
204## Section Headline Patterns
205
206- [Number] + Key Insight: "73% prefer remote work"
207- Question format: "Who's adopting AI fastest?"
208- Comparison: "Then vs Now"
209- Action verb: "How teams are adapting"
210- Time-based: "The rise of [trend] since 2020"
211```
212
213**Caption writing:**
214
215| Element | Max Length | Purpose |
216| ------------ | ----------- | --------------------- |
217| Section head | 5-7 words | Introduce the insight |
218| Stat label | 2-4 words | Name what's measured |
219| Caption | 10-15 words | Explain significance |
220| Source note | N/A | Credit data origin |
221
222### Step 6: Infographic Types
223
224**Type selection:**
225
226| Type | Best For | Structure |
227| ----------- | ------------------- | --------------------------- |
228| Statistical | Data-heavy research | Hero stat + supporting data |
229| Timeline | History, evolution | Chronological events |
230| Process | How-to, steps | Sequential flow |
231| Comparison | Versus, pros/cons | Two columns |
232| Geographic | Regional data | Map-based |
233| List | Tips, facts | Numbered or bulleted |
234| Anatomical | Breakdown, parts | Labeled diagram |
235| Flowchart | Decisions, paths | Branching structure |
236
237**Format dimensions:**
238
239| Platform | Dimensions | Aspect Ratio |
240| ------------ | ------------------ | --------------- |
241| Pinterest | 1000 x 1500px | 2:3 vertical |
242| Blog/article | 800 x 2000px | Long vertical |
243| Social share | 1200 x 1200px | Square |
244| Presentation | 1920 x 1080px | 16:9 landscape |
245| Print | 8.5 x 11" (300dpi) | Letter vertical |
246
247### Step 7: Data Visualization Best Practices
248
249**Do's and don'ts:**
250
251| Do | Don't |
252| ------------------------------ | --------------------------- |
253| Start bar charts at zero | Truncate axes to exaggerate |
254| Use consistent colors | Rainbow every section |
255| Label directly on chart | Rely only on legends |
256| Round numbers (73%, not 72.8%) | Use false precision |
257| Show data source | Present unsourced claims |
258| Use white space | Crowd every element |
259
260**Color usage:**
261
262| Purpose | Approach |
263| ----------------- | ------------------------------- |
264| Highlight | Use accent color for key stat |
265| Categories | Distinct but harmonious palette |
266| Comparison | Two contrasting colors |
267| Sequential | Light to dark gradient |
268| Positive/negative | Green/red or blue/orange |
269
270**Accessibility:**
271
272| Requirement | Implementation |
273| ---------------- | -------------------------- |
274| Color blind safe | Use patterns + colors |
275| Text contrast | 4.5:1 minimum ratio |
276| Font size | Minimum 12pt for body |
277| Alt text | Describe data and insights |
278
279### Step 8: Design Brief Template
280
281**Brief for designer:**
282
283```markdown
284## Infographic Design Brief
285
286### Overview
287
288**Title:** [Infographic title]
289**Topic:** [Subject matter]
290**Goal:** [What action should viewers take]
291**Audience:** [Who this is for]
292**Dimensions:** [Size and orientation]
293**Brand:** [Style guide or brand to follow]
294
295### Content Hierarchy
296
297#### Header
298
299- Title: "[Headline]"
300- Subtitle: "[Subtitle]"
301
302#### Hero Section
303
304- Big number: [XX%]
305- Context: "[One-sentence explanation]"
306- Visual: [Icon/illustration suggestion]
307
308#### Section 1: [Title]
309
310- Stat: [XX]
311- Chart type: [Recommended chart]
312- Data: [Values to visualize]
313- Caption: "[Explanation]"
314
315#### Section 2: [Title]
316
317[Repeat format]
318
319#### Section 3: [Title]
320
321[Repeat format]
322
323#### Footer
324
325- CTA: "[Action text]"
326- CTA link: [URL]
327- Source: "[Data source with date]"
328- Logo: [Brand logo placement]
329
330### Visual Notes
331
332- Color palette: [Hex codes or brand colors]
333- Style: [Modern/playful/corporate/minimal]
334- Icons: [Style preference]
335- Avoid: [Any restrictions]
336
337### Files Needed
338
339- [ ] Web version (PNG)
340- [ ] Social version (1:1)
341- [ ] Print version (PDF)
342- [ ] Editable source file
343```
344
345### Step 9: Social Media Versions
346
347**Platform adaptations:**
348
349```markdown
350## Social Snippets
351
352### Instagram/LinkedIn (1080x1080)
353
354**Headline:** [Shortened title]
355**Hero stat:** [Big number]
356**2-3 supporting stats:** [Key points]
357**CTA:** "Full infographic in bio" / "See more →"
358
359### Twitter/X (1200x675)
360
361**Headline:** [Shortened title]
362**1-2 key stats:** [Most shareable]
363**Visual:** Cropped hero section
364
365### Pinterest (1000x1500)
366
367**Use full infographic** or top half with
368"Pin for later" messaging
369
370### Stories (1080x1920)
371
372**Split into slides:**
373
3741. Hook/title
3752. Hero stat
3763. Section 1
3774. Section 2
3785. CTA
379```
380
381### Step 10: Source Citation
382
383**Citation format:**
384
385```markdown
386## Data Sources
387
388**Primary source:**
389[Organization Name], "[Report/Study Title]," [Year].
390[URL]
391
392**Additional sources:**
393
394- [Source 2 with link]
395- [Source 3 with link]
396
397**Data collection:**
398[Brief methodology if relevant]
399```
400
401**Citation placement:**
402
403| Location | Format |
404| -------------- | -------------------------------- |
405| Footer | "Source: [Organization], [Year]" |
406| Per-stat | Superscript number with footnote |
407| Separate panel | "Data sources" section |
408
409## Output Format
410
411```markdown
412# Infographic Summary: [Title]
413
414## Overview
415
416**Topic:** [Subject]
417**Data sources:** [Count] sources
418**Target audience:** [Who]
419**Format:** [Type and dimensions]
420
421---
422
423## Headline
424
425**Title:** [Main headline]
426**Subtitle:** [Supporting context]
427
428---
429
430## Hero Statistic
431
432**Number:** [XX%]
433**Label:** [What it measures]
434**Context:** [Why it matters]
435**Visual suggestion:** [Chart/icon type]
436
437---
438
439## Supporting Sections
440
441### Section 1: [Theme]
442
443**Stat:** [Number]
444**Chart type:** [Recommendation]
445**Data points:** [Values]
446**Caption:** [Explanation]
447
448### Section 2: [Theme]
449
450[Repeat format]
451
452### Section 3: [Theme]
453
454[Repeat format]
455
456---
457
458## Call-to-Action
459
460**Text:** [CTA copy]
461**Link:** [URL]
462
463---
464
465## Sources
466
467[Full citations]
468
469---
470
471## Design Brief
472
473[Complete brief for designer]
474
475---
476
477## Social Adaptations
478
479[Platform-specific versions]
480```
481
482## Validation
483
484Before completing:
485
486- [ ] Hero stat is compelling and accurate
487- [ ] All statistics have sources
488- [ ] Numbers are rounded appropriately
489- [ ] Chart types match data types
490- [ ] Visual hierarchy is clear
491- [ ] Copy is concise (under word limits)
492- [ ] CTA is included
493- [ ] Accessibility considered
494- [ ] Multiple format sizes provided
495
496## Error Handling
497
498- **No clear data**: Ask for specific statistics, survey results, or research to work from.
499- **Data too complex**: Simplify to 3-5 key insights; suggest detailed report for rest.
500- **No source provided**: Request original source; note if data is unverified.
501- **Conflicting data**: Present most recent or most credible source; note discrepancy.
502- **Data not visual**: Recommend list-style infographic or icon-based representation.
503
504## Resources
505
506- [Canva Infographic Maker](https://www.canva.com/) - Free design templates
507- [Piktochart](https://piktochart.com/) - Infographic creator
508- [Venngage](https://venngage.com/) - Business infographic tool
509- [Data Wrapper](https://www.datawrapper.de/) - Chart creation
510- [Coolors](https://coolors.co/) - Color palette generator