Skill Tracer
Skills › Scientific Agent Skills › infographics › infographic_types.md

infographic_types.md

897 lines · skills/infographics/references/infographic_types.md at 5f2bc03

Open on GitHub

Most marks come from matching words in the file, so treat them as pointers.

1# Infographic Types Reference Guide
2
3This reference provides extended templates, examples, and prompt patterns for each infographic type.
4All example commands are illustrative and were not sent to paid generation APIs during review.
5Numerical samples are layout inputs, not verified current facts: replace them with sourced
6values, units, denominators, geography, and dates before producing a factual infographic.
7For exact plots or maps, render with plotting/GIS tools and use the result as reference.
8
9---

Infographic Types Reference Guide

This reference provides extended templates, examples, and prompt patterns for each infographic type. All example commands are illustrative and were not sent to paid generation APIs during review. Numerical samples are layout inputs, not verified current facts: replace them with sourced values, units, denominators, geography, and dates before producing a factual infographic. For exact plots or maps, render with plotting/GIS tools and use the result as reference.


Raw lines 1 to 10
11## 1. Statistical/Data-Driven Infographics

1. Statistical/Data-Driven Infographics

Raw lines 11 to 12
13### Purpose
14Present quantitative data, statistics, survey results, and numerical comparisons in an engaging visual format.

Purpose

Present quantitative data, statistics, survey results, and numerical comparisons in an engaging visual format.

Raw lines 13 to 15
16### Visual Elements
17- **Bar charts**: Horizontal or vertical for comparisons
18- **Pie/donut charts**: For proportions and percentages
19- **Line charts**: For trends over time
20- **Large number callouts**: Highlight key statistics
21- **Icons**: Represent categories visually
22- **Progress bars**: Show percentages or completion

Visual Elements

  • Bar charts: Horizontal or vertical for comparisons
  • Pie/donut charts: For proportions and percentages
  • Line charts: For trends over time
  • Large number callouts: Highlight key statistics
  • Icons: Represent categories visually
  • Progress bars: Show percentages or completion
Raw lines 16 to 23
24### Layout Patterns
25- **Single-stat hero**: One large number with supporting context
26- **Multi-stat grid**: 3-6 statistics in a grid layout
27- **Chart-centric**: Large visualization with supporting text
28- **Comparison bars**: Side-by-side bar comparisons

Layout Patterns

  • Single-stat hero: One large number with supporting context
  • Multi-stat grid: 3-6 statistics in a grid layout
  • Chart-centric: Large visualization with supporting text
  • Comparison bars: Side-by-side bar comparisons
Raw lines 24 to 29
30### Prompt Templates
32**Single Statistic Hero:**
33```
34Statistical infographic featuring one key statistic about [TOPIC]:
35Main stat: [LARGE NUMBER] [UNIT/CONTEXT]
36Supporting context: [2-3 sentences explaining the significance]
37Large bold number in center, supporting text below,
38relevant icon or illustration, [COLOR] accent color,
39clean minimal design, white background.
40```
42**Multi-Statistic Grid:**
43```
44Statistical infographic presenting [TOPIC] data:
45Stat 1: [NUMBER] [LABEL] (icon: [ICON])
46Stat 2: [NUMBER] [LABEL] (icon: [ICON])
47Stat 3: [NUMBER] [LABEL] (icon: [ICON])
48Stat 4: [NUMBER] [LABEL] (icon: [ICON])
492x2 grid layout, large bold numbers, small icons above each,
50[COLOR SCHEME], modern clean typography, white background.
51```
53**Chart-Focused:**
54```
55Statistical infographic with [CHART TYPE] showing [TOPIC]:
56Data points: [VALUE 1], [VALUE 2], [VALUE 3], [VALUE 4]
57Labels: [LABEL 1], [LABEL 2], [LABEL 3], [LABEL 4]
58Large [bar/pie/donut] chart as main element,
59title at top, legend below chart, [COLOR SCHEME],
60data labels on chart, clean professional design.
61```

Prompt Templates

Single Statistic Hero:

Statistical infographic featuring one key statistic about [TOPIC]:
Main stat: [LARGE NUMBER] [UNIT/CONTEXT]
Supporting context: [2-3 sentences explaining the significance]
Large bold number in center, supporting text below,
relevant icon or illustration, [COLOR] accent color,
clean minimal design, white background.

Multi-Statistic Grid:

Statistical infographic presenting [TOPIC] data:
Stat 1: [NUMBER] [LABEL] (icon: [ICON])
Stat 2: [NUMBER] [LABEL] (icon: [ICON])
Stat 3: [NUMBER] [LABEL] (icon: [ICON])
Stat 4: [NUMBER] [LABEL] (icon: [ICON])
2x2 grid layout, large bold numbers, small icons above each,
[COLOR SCHEME], modern clean typography, white background.

Chart-Focused:

Statistical infographic with [CHART TYPE] showing [TOPIC]:
Data points: [VALUE 1], [VALUE 2], [VALUE 3], [VALUE 4]
Labels: [LABEL 1], [LABEL 2], [LABEL 3], [LABEL 4]
Large [bar/pie/donut] chart as main element,
title at top, legend below chart, [COLOR SCHEME],
data labels on chart, clean professional design.
Raw lines 30 to 62
63### Example Prompts
65**Synthetic Clinic Operations (layout example):**
66```bash
67python skills/infographics/scripts/generate_infographic.py \
68 "Illustrative clinic operations, synthetic data: 100 scheduled visits; \
69 80 completed, 15 rescheduled, 5 canceled. Show counts and percentages, \
70 label denominator 100 scheduled visits, label data synthetic, \
71 blue and gray medical design, white background" \
72 --output figures/clinic_operations.png --type statistical
73```
75**Business Metrics:**
76```bash
77python skills/infographics/scripts/generate_infographic.py \
78 "Statistical infographic for Q4 business results: \
79 Revenue: USD 2.4M (+15% YoY), Customers: 12,500 (+22%), \
80 NPS Score: 78 (+8 points), Retention: 94%. \
81 4-stat grid with upward arrow indicators for growth, \
82 bar chart showing quarterly trend, \
83 navy blue and gold corporate color scheme, \
84 professional business design, white background" \
85 --output figures/q4_metrics.png --type statistical
86```
88---

Example Prompts

Synthetic Clinic Operations (layout example):

python skills/infographics/scripts/generate_infographic.py \
  "Illustrative clinic operations, synthetic data: 100 scheduled visits; \
   80 completed, 15 rescheduled, 5 canceled. Show counts and percentages, \
   label denominator 100 scheduled visits, label data synthetic, \
   blue and gray medical design, white background" \
  --output figures/clinic_operations.png --type statistical

Business Metrics:

python skills/infographics/scripts/generate_infographic.py \
  "Statistical infographic for Q4 business results: \
   Revenue: USD 2.4M (+15% YoY), Customers: 12,500 (+22%), \
   NPS Score: 78 (+8 points), Retention: 94%. \
   4-stat grid with upward arrow indicators for growth, \
   bar chart showing quarterly trend, \
   navy blue and gold corporate color scheme, \
   professional business design, white background" \
  --output figures/q4_metrics.png --type statistical

Raw lines 63 to 89
Runs code python skills/infographics/scripts/generate_infographic.py :67
90## 2. Timeline Infographics

2. Timeline Infographics

Raw lines 90 to 91
92### Purpose
93Display events, milestones, or developments in chronological order.

Purpose

Display events, milestones, or developments in chronological order.

Raw lines 92 to 94
95### Visual Elements
96- **Timeline axis**: Horizontal or vertical line
97- **Date markers**: Years, months, or specific dates
98- **Event nodes**: Circles, icons, or images at each point
99- **Description boxes**: Brief text for each event
100- **Connecting elements**: Lines, arrows, or paths

Visual Elements

  • Timeline axis: Horizontal or vertical line
  • Date markers: Years, months, or specific dates
  • Event nodes: Circles, icons, or images at each point
  • Description boxes: Brief text for each event
  • Connecting elements: Lines, arrows, or paths
Raw lines 95 to 101
102### Layout Patterns
103- **Horizontal timeline**: Left-to-right progression
104- **Vertical timeline**: Top-to-bottom progression
105- **Winding/snake timeline**: S-curve for many events
106- **Circular timeline**: For cyclical or repeating events

Layout Patterns

  • Horizontal timeline: Left-to-right progression
  • Vertical timeline: Top-to-bottom progression
  • Winding/snake timeline: S-curve for many events
  • Circular timeline: For cyclical or repeating events
Raw lines 102 to 107
108### Prompt Templates
110**Horizontal Timeline:**
111```
112Horizontal timeline infographic showing [TOPIC] from [START YEAR] to [END YEAR]:
113[YEAR 1]: [EVENT 1] - [brief description]
114[YEAR 2]: [EVENT 2] - [brief description]
115[YEAR 3]: [EVENT 3] - [brief description]
116[YEAR 4]: [EVENT 4] - [brief description]
117Left-to-right timeline with circular nodes for each event,
118connecting line between nodes, icons above each node,
119[COLOR] gradient from past to present, date labels below,
120clean modern design, white background.
121```
123**Vertical Timeline:**
124```
125Vertical timeline infographic showing [TOPIC]:
126Top (earliest): [YEAR] - [EVENT]
127Middle events: [YEAR] - [EVENT], [YEAR] - [EVENT]
128Bottom (latest): [YEAR] - [EVENT]
129Top-to-bottom flow, alternating left-right event boxes,
130central vertical line connecting all events,
131circular nodes with dates, [COLOR SCHEME],
132professional clean design, white background.
133```
135**Project Milestone Timeline:**
136```
137Project timeline infographic for [PROJECT NAME]:
138Phase 1: [DATES] - [MILESTONE] (status: complete)
139Phase 2: [DATES] - [MILESTONE] (status: in progress)
140Phase 3: [DATES] - [MILESTONE] (status: upcoming)
141Phase 4: [DATES] - [MILESTONE] (status: planned)
142Gantt-style horizontal bars, color-coded by status,
143green for complete, yellow for in progress, gray for upcoming,
144project name header, clean professional design.
145```

Prompt Templates

Horizontal Timeline:

Horizontal timeline infographic showing [TOPIC] from [START YEAR] to [END YEAR]:
[YEAR 1]: [EVENT 1] - [brief description]
[YEAR 2]: [EVENT 2] - [brief description]
[YEAR 3]: [EVENT 3] - [brief description]
[YEAR 4]: [EVENT 4] - [brief description]
Left-to-right timeline with circular nodes for each event,
connecting line between nodes, icons above each node,
[COLOR] gradient from past to present, date labels below,
clean modern design, white background.

Vertical Timeline:

Vertical timeline infographic showing [TOPIC]:
Top (earliest): [YEAR] - [EVENT]
Middle events: [YEAR] - [EVENT], [YEAR] - [EVENT]
Bottom (latest): [YEAR] - [EVENT]
Top-to-bottom flow, alternating left-right event boxes,
central vertical line connecting all events,
circular nodes with dates, [COLOR SCHEME],
professional clean design, white background.

Project Milestone Timeline:

Project timeline infographic for [PROJECT NAME]:
Phase 1: [DATES] - [MILESTONE] (status: complete)
Phase 2: [DATES] - [MILESTONE] (status: in progress)
Phase 3: [DATES] - [MILESTONE] (status: upcoming)
Phase 4: [DATES] - [MILESTONE] (status: planned)
Gantt-style horizontal bars, color-coded by status,
green for complete, yellow for in progress, gray for upcoming,
project name header, clean professional design.
Raw lines 108 to 146
147### Example Prompts
149**Technology Evolution:**
150```bash
151python skills/infographics/scripts/generate_infographic.py \
152 "Horizontal timeline infographic: Evolution of Mobile Phones \
153 1983: First mobile phone (Motorola DynaTAC), \
154 1992: First smartphone (IBM Simon), \
155 2007: iPhone launches touchscreen era, \
156 2010: First 4G networks, \
157 2019: First 5G phones, \
158 2023: Foldable phones mainstream. \
159 Phone icons evolving at each node, gradient from gray (old) to blue (new), \
160 connecting timeline arrow, year labels, clean tech design" \
161 --output figures/mobile_evolution.png --type timeline
162```
164**Company History:**
165```bash
166python skills/infographics/scripts/generate_infographic.py \
167 "Vertical timeline infographic: Our Company Journey \
168 2010: Founded in garage with 2 employees, \
169 2012: First major client signed, \
170 2015: Reached 100 employees, \
171 2018: IPO on NASDAQ, \
172 2022: Expanded to 30 countries, \
173 2025: 10,000 employees worldwide. \
174 Milestone icons for each event, alternating left-right layout, \
175 blue and gold corporate colors, growth trajectory feel, \
176 professional business design" \
177 --output figures/company_history.png --type timeline
178```
180---

Example Prompts

Technology Evolution:

python skills/infographics/scripts/generate_infographic.py \
  "Horizontal timeline infographic: Evolution of Mobile Phones \
   1983: First mobile phone (Motorola DynaTAC), \
   1992: First smartphone (IBM Simon), \
   2007: iPhone launches touchscreen era, \
   2010: First 4G networks, \
   2019: First 5G phones, \
   2023: Foldable phones mainstream. \
   Phone icons evolving at each node, gradient from gray (old) to blue (new), \
   connecting timeline arrow, year labels, clean tech design" \
  --output figures/mobile_evolution.png --type timeline

Company History:

python skills/infographics/scripts/generate_infographic.py \
  "Vertical timeline infographic: Our Company Journey \
   2010: Founded in garage with 2 employees, \
   2012: First major client signed, \
   2015: Reached 100 employees, \
   2018: IPO on NASDAQ, \
   2022: Expanded to 30 countries, \
   2025: 10,000 employees worldwide. \
   Milestone icons for each event, alternating left-right layout, \
   blue and gold corporate colors, growth trajectory feel, \
   professional business design" \
  --output figures/company_history.png --type timeline

Raw lines 147 to 181
Runs code python skills/infographics/scripts/generate_infographic.py :151
182## 3. Process/How-To Infographics

3. Process/How-To Infographics

Raw lines 182 to 183
184### Purpose
185Explain step-by-step procedures, workflows, instructions, or methodologies.

Purpose

Explain step-by-step procedures, workflows, instructions, or methodologies.

Raw lines 184 to 186
187### Visual Elements
188- **Numbered steps**: Clear sequence indicators
189- **Arrows/connectors**: Show flow and direction
190- **Action icons**: Illustrate each step
191- **Brief descriptions**: Concise action text
192- **Start/end indicators**: Clear beginning and conclusion

Visual Elements

  • Numbered steps: Clear sequence indicators
  • Arrows/connectors: Show flow and direction
  • Action icons: Illustrate each step
  • Brief descriptions: Concise action text
  • Start/end indicators: Clear beginning and conclusion
Raw lines 187 to 193
194### Layout Patterns
195- **Vertical cascade**: Steps flow top-to-bottom
196- **Horizontal flow**: Left-to-right progression
197- **Circular process**: Steps form a cycle
198- **Branching flow**: Decision points with alternatives

Layout Patterns

  • Vertical cascade: Steps flow top-to-bottom
  • Horizontal flow: Left-to-right progression
  • Circular process: Steps form a cycle
  • Branching flow: Decision points with alternatives
Raw lines 194 to 199
200### Prompt Templates
202**Linear Process:**
203```
204Process infographic: How to [ACCOMPLISH GOAL]
205Step 1: [ACTION] - [brief explanation] (icon: [ICON])
206Step 2: [ACTION] - [brief explanation] (icon: [ICON])
207Step 3: [ACTION] - [brief explanation] (icon: [ICON])
208Step 4: [ACTION] - [brief explanation] (icon: [ICON])
209Step 5: [ACTION] - [brief explanation] (icon: [ICON])
210Numbered circles connected by arrows, icons for each step,
211[VERTICAL/HORIZONTAL] flow, [COLOR SCHEME],
212clear step labels, clean instructional design, white background.
213```
215**Circular Process:**
216```
217Circular process infographic showing [CYCLE NAME]:
218Step 1: [ACTION] leads to
219Step 2: [ACTION] leads to
220Step 3: [ACTION] leads to
221Step 4: [ACTION] returns to Step 1
222Circular arrangement with arrows forming a cycle,
223icons at each point, step numbers, [COLOR SCHEME],
224continuous flow design, white background.
225```
227**Decision Flowchart:**
228```
229Decision flowchart infographic for [SCENARIO]:
230Start: [INITIAL QUESTION]
231If Yes: [PATH A] → [OUTCOME A]
232If No: [PATH B] → [OUTCOME B]
233Diamond shapes for decisions, rectangles for actions,
234arrows connecting all elements, [COLOR SCHEME],
235clear yes/no labels, flowchart style, white background.
236```

Prompt Templates

Linear Process:

Process infographic: How to [ACCOMPLISH GOAL]
Step 1: [ACTION] - [brief explanation] (icon: [ICON])
Step 2: [ACTION] - [brief explanation] (icon: [ICON])
Step 3: [ACTION] - [brief explanation] (icon: [ICON])
Step 4: [ACTION] - [brief explanation] (icon: [ICON])
Step 5: [ACTION] - [brief explanation] (icon: [ICON])
Numbered circles connected by arrows, icons for each step,
[VERTICAL/HORIZONTAL] flow, [COLOR SCHEME],
clear step labels, clean instructional design, white background.

Circular Process:

Circular process infographic showing [CYCLE NAME]:
Step 1: [ACTION] leads to
Step 2: [ACTION] leads to
Step 3: [ACTION] leads to
Step 4: [ACTION] returns to Step 1
Circular arrangement with arrows forming a cycle,
icons at each point, step numbers, [COLOR SCHEME],
continuous flow design, white background.

Decision Flowchart:

Decision flowchart infographic for [SCENARIO]:
Start: [INITIAL QUESTION]
If Yes: [PATH A] → [OUTCOME A]
If No: [PATH B] → [OUTCOME B]
Diamond shapes for decisions, rectangles for actions,
arrows connecting all elements, [COLOR SCHEME],
clear yes/no labels, flowchart style, white background.
Raw lines 200 to 237
238### Example Prompts
240**Recipe Process:**
241```bash
242python skills/infographics/scripts/generate_infographic.py \
243 "Process infographic: How to Make Perfect Coffee \
244 Step 1: Grind fresh beans (coffee grinder icon), \
245 Step 2: Heat water to 200°F (thermometer icon), \
246 Step 3: Add 2 tablespoons per 6 oz water (measuring spoon icon), \
247 Step 4: Brew for 4 minutes (timer icon), \
248 Step 5: Serve and enjoy (coffee cup icon). \
249 Vertical flow with large numbered circles, \
250 brown and cream coffee color scheme, \
251 arrows between steps, cozy design feel" \
252 --output figures/coffee_process.png --type process
253```
255**Onboarding Workflow:**
256```bash
257python skills/infographics/scripts/generate_infographic.py \
258 "Process infographic: New Employee Onboarding \
259 Day 1: Welcome orientation and paperwork (clipboard icon), \
260 Week 1: Meet your team and set up workspace (people icon), \
261 Week 2: Training and system access (laptop icon), \
262 Week 3: Shadow senior colleagues (handshake icon), \
263 Week 4: First independent project (checkmark icon). \
264 Horizontal timeline flow with milestones, \
265 teal and coral corporate colors, \
266 professional HR design style" \
267 --output figures/onboarding_process.png --type process
268```
270---

Example Prompts

Recipe Process:

python skills/infographics/scripts/generate_infographic.py \
  "Process infographic: How to Make Perfect Coffee \
   Step 1: Grind fresh beans (coffee grinder icon), \
   Step 2: Heat water to 200°F (thermometer icon), \
   Step 3: Add 2 tablespoons per 6 oz water (measuring spoon icon), \
   Step 4: Brew for 4 minutes (timer icon), \
   Step 5: Serve and enjoy (coffee cup icon). \
   Vertical flow with large numbered circles, \
   brown and cream coffee color scheme, \
   arrows between steps, cozy design feel" \
  --output figures/coffee_process.png --type process

Onboarding Workflow:

python skills/infographics/scripts/generate_infographic.py \
  "Process infographic: New Employee Onboarding \
   Day 1: Welcome orientation and paperwork (clipboard icon), \
   Week 1: Meet your team and set up workspace (people icon), \
   Week 2: Training and system access (laptop icon), \
   Week 3: Shadow senior colleagues (handshake icon), \
   Week 4: First independent project (checkmark icon). \
   Horizontal timeline flow with milestones, \
   teal and coral corporate colors, \
   professional HR design style" \
  --output figures/onboarding_process.png --type process

Raw lines 238 to 271
Runs code python skills/infographics/scripts/generate_infographic.py :242
272## 4. Comparison Infographics

4. Comparison Infographics

Raw lines 272 to 273
274### Purpose
275Compare two or more options, products, concepts, or choices side by side.

Purpose

Compare two or more options, products, concepts, or choices side by side.

Raw lines 274 to 276
277### Visual Elements
278- **Split layout**: Clear division between options
279- **Matching rows**: Same categories for fair comparison
280- **Check/cross marks**: Quick visual indicators
281- **Rating systems**: Stars, bars, or numbers
282- **Headers**: Clear identification of each option

Visual Elements

  • Split layout: Clear division between options
  • Matching rows: Same categories for fair comparison
  • Check/cross marks: Quick visual indicators
  • Rating systems: Stars, bars, or numbers
  • Headers: Clear identification of each option
Raw lines 277 to 283
284### Layout Patterns
285- **Two-column split**: Left vs Right
286- **Table format**: Rows and columns
287- **Venn diagram**: Overlapping comparisons
288- **Feature matrix**: Multi-option comparison grid

Layout Patterns

  • Two-column split: Left vs Right
  • Table format: Rows and columns
  • Venn diagram: Overlapping comparisons
  • Feature matrix: Multi-option comparison grid
Raw lines 284 to 289
290### Prompt Templates
292**Two-Option Comparison:**
293```
294Comparison infographic: [OPTION A] vs [OPTION B]
295Header: [OPTION A] on left | [OPTION B] on right
296Row 1 - [CATEGORY 1]: [A VALUE] | [B VALUE]
297Row 2 - [CATEGORY 2]: [A VALUE] | [B VALUE]
298Row 3 - [CATEGORY 3]: [A VALUE] | [B VALUE]
299Row 4 - [CATEGORY 4]: [A VALUE] | [B VALUE]
300Row 5 - [CATEGORY 5]: [A VALUE] | [B VALUE]
301Split layout with [COLOR A] for left, [COLOR B] for right,
302icons for each option header, checkmarks for advantages,
303clean symmetrical design, white background.
304```
306**Multi-Option Matrix:**
307```
308Comparison matrix infographic: [TOPIC]
309Options: [OPTION 1], [OPTION 2], [OPTION 3]
310Feature 1: [✓/✗ for each]
311Feature 2: [✓/✗ for each]
312Feature 3: [✓/✗ for each]
313Feature 4: [✓/✗ for each]
314Table layout with colored headers for each option,
315checkmarks and X marks in cells, [COLOR SCHEME],
316clean grid design, white background.
317```
319**Pros and Cons:**
320```
321Pros and Cons infographic for [TOPIC]:
322Pros (left side, green):
323- [PRO 1]
324- [PRO 2]
325- [PRO 3]
326Cons (right side, red):
327- [CON 1]
328- [CON 2]
329- [CON 3]
330Split layout with green left side, red right side,
331thumbs up icon for pros, thumbs down for cons,
332balanced visual weight, white background.
333```

Prompt Templates

Two-Option Comparison:

Comparison infographic: [OPTION A] vs [OPTION B]
Header: [OPTION A] on left | [OPTION B] on right
Row 1 - [CATEGORY 1]: [A VALUE] | [B VALUE]
Row 2 - [CATEGORY 2]: [A VALUE] | [B VALUE]
Row 3 - [CATEGORY 3]: [A VALUE] | [B VALUE]
Row 4 - [CATEGORY 4]: [A VALUE] | [B VALUE]
Row 5 - [CATEGORY 5]: [A VALUE] | [B VALUE]
Split layout with [COLOR A] for left, [COLOR B] for right,
icons for each option header, checkmarks for advantages,
clean symmetrical design, white background.

Multi-Option Matrix:

Comparison matrix infographic: [TOPIC]
Options: [OPTION 1], [OPTION 2], [OPTION 3]
Feature 1: [✓/✗ for each]
Feature 2: [✓/✗ for each]
Feature 3: [✓/✗ for each]
Feature 4: [✓/✗ for each]
Table layout with colored headers for each option,
checkmarks and X marks in cells, [COLOR SCHEME],
clean grid design, white background.

Pros and Cons:

Pros and Cons infographic for [TOPIC]:
Pros (left side, green):
- [PRO 1]
- [PRO 2]
- [PRO 3]
Cons (right side, red):
- [CON 1]
- [CON 2]
- [CON 3]
Split layout with green left side, red right side,
thumbs up icon for pros, thumbs down for cons,
balanced visual weight, white background.
Raw lines 290 to 334
335### Example Prompts
337**Software Comparison:**
338```bash
339python skills/infographics/scripts/generate_infographic.py \
340 "Comparison infographic: Hypothetical Tool A vs Tool B \
341 Pricing: A costs USD 10/month, B costs USD 20/month, \
342 Integrations: A supports 3 example tools, B supports 5, \
343 Video calls: A unavailable, B available, \
344 File storage: A 5GB, B 10GB, \
345 Label all features and prices fictional. \
346 Purple left side (A), blue right side (B), \
347 logos at top, feature comparison rows, \
348 checkmarks for strengths, modern tech design" \
349 --output figures/slack_vs_teams.png --type comparison
350```
352**Study Design Comparison:**
353```bash
354python skills/infographics/scripts/generate_infographic.py \
355 "Comparison infographic: Two illustrative study plans. \
356 Plan A: 4 sites, 200 participants, 12-week follow-up. \
357 Plan B: 2 sites, 100 participants, 24-week follow-up. \
358 Label all values hypothetical; show identical comparison rows, \
359 blue and orange colors, clear units, no efficacy claims" \
360 --output figures/study_comparison.png --type comparison
361```
363---

Example Prompts

Software Comparison:

python skills/infographics/scripts/generate_infographic.py \
  "Comparison infographic: Hypothetical Tool A vs Tool B \
   Pricing: A costs USD 10/month, B costs USD 20/month, \
   Integrations: A supports 3 example tools, B supports 5, \
   Video calls: A unavailable, B available, \
   File storage: A 5GB, B 10GB, \
   Label all features and prices fictional. \
   Purple left side (A), blue right side (B), \
   logos at top, feature comparison rows, \
   checkmarks for strengths, modern tech design" \
  --output figures/slack_vs_teams.png --type comparison

Study Design Comparison:

python skills/infographics/scripts/generate_infographic.py \
  "Comparison infographic: Two illustrative study plans. \
   Plan A: 4 sites, 200 participants, 12-week follow-up. \
   Plan B: 2 sites, 100 participants, 24-week follow-up. \
   Label all values hypothetical; show identical comparison rows, \
   blue and orange colors, clear units, no efficacy claims" \
  --output figures/study_comparison.png --type comparison

Raw lines 335 to 364
Runs code python skills/infographics/scripts/generate_infographic.py :339
365## 5. List/Informational Infographics

5. List/Informational Infographics

Raw lines 365 to 366
367### Purpose
368Present tips, facts, key points, or information in an organized, scannable format.

Purpose

Present tips, facts, key points, or information in an organized, scannable format.

Raw lines 367 to 369
370### Visual Elements
371- **Numbers or bullets**: Clear list indicators
372- **Icons**: Visual representation of each point
373- **Brief text**: Concise descriptions
374- **Header**: Topic introduction
375- **Consistent styling**: Uniform treatment of all items

Visual Elements

  • Numbers or bullets: Clear list indicators
  • Icons: Visual representation of each point
  • Brief text: Concise descriptions
  • Header: Topic introduction
  • Consistent styling: Uniform treatment of all items
Raw lines 370 to 376
377### Layout Patterns
378- **Vertical list**: Standard top-to-bottom
379- **Two-column list**: For longer lists
380- **Icon grid**: Icons with labels below
381- **Cards**: Each point in a card/box

Layout Patterns

  • Vertical list: Standard top-to-bottom
  • Two-column list: For longer lists
  • Icon grid: Icons with labels below
  • Cards: Each point in a card/box
Raw lines 377 to 382
383### Prompt Templates
385**Numbered List:**
386```
387List infographic: [NUMBER] [TOPIC]
3881. [POINT 1] - [brief explanation] (icon: [ICON])
3892. [POINT 2] - [brief explanation] (icon: [ICON])
3903. [POINT 3] - [brief explanation] (icon: [ICON])
3914. [POINT 4] - [brief explanation] (icon: [ICON])
3925. [POINT 5] - [brief explanation] (icon: [ICON])
393Large numbers in circles, icons next to each point,
394brief text descriptions, [COLOR SCHEME],
395vertical layout with spacing, white background.
396```
398**Tips Format:**
399```
400Tips infographic: [NUMBER] Tips for [TOPIC]
401Tip 1: [TIP] (lightbulb icon)
402Tip 2: [TIP] (star icon)
403Tip 3: [TIP] (checkmark icon)
404Tip 4: [TIP] (target icon)
405Tip 5: [TIP] (rocket icon)
406Colorful tip boxes or cards, icons for each tip,
407[COLOR SCHEME], engaging friendly design,
408header at top, white background.
409```
411**Facts Format:**
412```
413Facts infographic: [NUMBER] Facts About [TOPIC]
414Fact 1: [INTERESTING FACT]
415Fact 2: [INTERESTING FACT]
416Fact 3: [INTERESTING FACT]
417Fact 4: [INTERESTING FACT]
418Fact 5: [INTERESTING FACT]
419Speech bubble or card style for each fact,
420relevant icons, [COLOR SCHEME],
421educational engaging design, white background.
422```

Prompt Templates

Numbered List:

List infographic: [NUMBER] [TOPIC]
1. [POINT 1] - [brief explanation] (icon: [ICON])
2. [POINT 2] - [brief explanation] (icon: [ICON])
3. [POINT 3] - [brief explanation] (icon: [ICON])
4. [POINT 4] - [brief explanation] (icon: [ICON])
5. [POINT 5] - [brief explanation] (icon: [ICON])
Large numbers in circles, icons next to each point,
brief text descriptions, [COLOR SCHEME],
vertical layout with spacing, white background.

Tips Format:

Tips infographic: [NUMBER] Tips for [TOPIC]
Tip 1: [TIP] (lightbulb icon)
Tip 2: [TIP] (star icon)
Tip 3: [TIP] (checkmark icon)
Tip 4: [TIP] (target icon)
Tip 5: [TIP] (rocket icon)
Colorful tip boxes or cards, icons for each tip,
[COLOR SCHEME], engaging friendly design,
header at top, white background.

Facts Format:

Facts infographic: [NUMBER] Facts About [TOPIC]
Fact 1: [INTERESTING FACT]
Fact 2: [INTERESTING FACT]
Fact 3: [INTERESTING FACT]
Fact 4: [INTERESTING FACT]
Fact 5: [INTERESTING FACT]
Speech bubble or card style for each fact,
relevant icons, [COLOR SCHEME],
educational engaging design, white background.
Raw lines 383 to 423
424### Example Prompts
426**Productivity Tips:**
427```bash
428python skills/infographics/scripts/generate_infographic.py \
429 "List infographic: 7 Productivity Tips for Remote Workers \
430 1. Create a dedicated workspace (desk icon), \
431 2. Set regular working hours (clock icon), \
432 3. Take scheduled breaks (coffee icon), \
433 4. Use noise-canceling headphones (headphones icon), \
434 5. Batch similar tasks together (stack icon), \
435 6. Limit social media during work (phone icon), \
436 7. End each day with tomorrow's plan (checklist icon). \
437 Large colorful numbers, icons beside each tip, \
438 teal and orange color scheme, friendly modern design" \
439 --output figures/remote_work_tips.png --type list
440```
442**Project Checklist:**
443```bash
444python skills/infographics/scripts/generate_infographic.py \
445 "List infographic: Five checks before sharing a research figure. \
446 1. Verify values, 2. Label units, 3. Cite sources, \
447 4. Inspect readability, 5. Add an accessible text description. \
448 Numbered cards, teal and orange accents, white background" \
449 --output figures/figure_checklist.png --type list
450```
452---

Example Prompts

Productivity Tips:

python skills/infographics/scripts/generate_infographic.py \
  "List infographic: 7 Productivity Tips for Remote Workers \
   1. Create a dedicated workspace (desk icon), \
   2. Set regular working hours (clock icon), \
   3. Take scheduled breaks (coffee icon), \
   4. Use noise-canceling headphones (headphones icon), \
   5. Batch similar tasks together (stack icon), \
   6. Limit social media during work (phone icon), \
   7. End each day with tomorrow's plan (checklist icon). \
   Large colorful numbers, icons beside each tip, \
   teal and orange color scheme, friendly modern design" \
  --output figures/remote_work_tips.png --type list

Project Checklist:

python skills/infographics/scripts/generate_infographic.py \
  "List infographic: Five checks before sharing a research figure. \
   1. Verify values, 2. Label units, 3. Cite sources, \
   4. Inspect readability, 5. Add an accessible text description. \
   Numbered cards, teal and orange accents, white background" \
  --output figures/figure_checklist.png --type list

Raw lines 424 to 453
Runs code python skills/infographics/scripts/generate_infographic.py :428
454## 6. Geographic/Map-Based Infographics

6. Geographic/Map-Based Infographics

Raw lines 454 to 455
456### Purpose
457Display location-based data, regional statistics, or geographic trends.

Purpose

Display location-based data, regional statistics, or geographic trends.

Raw lines 456 to 458
459### Visual Elements
460- **Map visualization**: World, country, or region
461- **Color coding**: Data intensity by region
462- **Data callouts**: Key statistics for regions
463- **Legend**: Color scale explanation
464- **Labels**: Region or country names

Visual Elements

  • Map visualization: World, country, or region
  • Color coding: Data intensity by region
  • Data callouts: Key statistics for regions
  • Legend: Color scale explanation
  • Labels: Region or country names
Raw lines 459 to 465
466### Layout Patterns
467- **Full map**: Map as primary element
468- **Map with sidebar**: Data summary alongside
469- **Regional focus**: Zoomed map section
470- **Multi-map**: Several maps showing different data

Layout Patterns

  • Full map: Map as primary element
  • Map with sidebar: Data summary alongside
  • Regional focus: Zoomed map section
  • Multi-map: Several maps showing different data
Raw lines 466 to 471
472### Prompt Templates
474**World Map Data:**
475```
476Geographic infographic showing [TOPIC] globally:
477Highest: [REGION/COUNTRY] - [VALUE]
478Medium: [REGIONS] - [VALUE RANGE]
479Lowest: [REGION/COUNTRY] - [VALUE]
480World map with color-coded countries,
481[DARK COLOR] for highest values, [LIGHT COLOR] for lowest,
482legend showing color scale, key statistics callout,
483clean cartographic design, light gray background.
484```
486**Country/Region Focus:**
487```
488Geographic infographic showing [TOPIC] in [COUNTRY/REGION]:
489Region 1: [VALUE]
490Region 2: [VALUE]
491Region 3: [VALUE]
492Map of [COUNTRY/REGION] with color-coded areas,
493data labels for key regions, [COLOR] gradient,
494legend with value scale, clean map design.
495```

Prompt Templates

World Map Data:

Geographic infographic showing [TOPIC] globally:
Highest: [REGION/COUNTRY] - [VALUE]
Medium: [REGIONS] - [VALUE RANGE]
Lowest: [REGION/COUNTRY] - [VALUE]
World map with color-coded countries,
[DARK COLOR] for highest values, [LIGHT COLOR] for lowest,
legend showing color scale, key statistics callout,
clean cartographic design, light gray background.

Country/Region Focus:

Geographic infographic showing [TOPIC] in [COUNTRY/REGION]:
Region 1: [VALUE]
Region 2: [VALUE]
Region 3: [VALUE]
Map of [COUNTRY/REGION] with color-coded areas,
data labels for key regions, [COLOR] gradient,
legend with value scale, clean map design.
Raw lines 472 to 496
497### Example Prompts
499**Global Data:**
500```bash
501python skills/infographics/scripts/generate_infographic.py \
502 "Geographic infographic: Hypothetical Renewable Electricity Share (synthetic data) \
503 Region A 80%, Region B 60%, Region C 40%, \
504 Region D 30%, Region E 20%, Region F 10%, \
505 Percent of annual electricity generation; all regions fictional. \
506 Schematic fictional region map with green gradient coloring, \
507 darker green for higher adoption, \
508 legend showing percentage scale, \
509 key country callouts with percentages, \
510 clean modern cartographic style" \
511 --output figures/renewable_map.png --type geographic
512```
514**US Regional:**
515```bash
516python skills/infographics/scripts/generate_infographic.py \
517 "Geographic infographic: Hypothetical Jobs Survey by Region (synthetic data) \
518 Region A: 35% of 1000 surveyed jobs, \
519 Region B: 25%, \
520 Region C: 22%, \
521 Region D: 18%; label all data hypothetical. \
522 Schematic map of four fictional regions, \
523 percentage labels on each region, \
524 blue and purple tech color scheme, \
525 legend showing job concentration, \
526 professional business design" \
527 --output figures/tech_jobs_map.png --type geographic
528```
530---

Example Prompts

Global Data:

python skills/infographics/scripts/generate_infographic.py \
  "Geographic infographic: Hypothetical Renewable Electricity Share (synthetic data) \
   Region A 80%, Region B 60%, Region C 40%, \
   Region D 30%, Region E 20%, Region F 10%, \
   Percent of annual electricity generation; all regions fictional. \
   Schematic fictional region map with green gradient coloring, \
   darker green for higher adoption, \
   legend showing percentage scale, \
   key country callouts with percentages, \
   clean modern cartographic style" \
  --output figures/renewable_map.png --type geographic

US Regional:

python skills/infographics/scripts/generate_infographic.py \
  "Geographic infographic: Hypothetical Jobs Survey by Region (synthetic data) \
   Region A: 35% of 1000 surveyed jobs, \
   Region B: 25%, \
   Region C: 22%, \
   Region D: 18%; label all data hypothetical. \
   Schematic map of four fictional regions, \
   percentage labels on each region, \
   blue and purple tech color scheme, \
   legend showing job concentration, \
   professional business design" \
  --output figures/tech_jobs_map.png --type geographic

Raw lines 497 to 531
Runs code python skills/infographics/scripts/generate_infographic.py :501
532## 7. Hierarchical/Pyramid Infographics

7. Hierarchical/Pyramid Infographics

Raw lines 532 to 533
534### Purpose
535Show levels of importance, organizational structures, or ranked information.

Purpose

Show levels of importance, organizational structures, or ranked information.

Raw lines 534 to 536
537### Visual Elements
538- **Pyramid shape**: Triangle with levels
539- **Level labels**: Clear tier identification
540- **Size progression**: Larger at base, smaller at top
541- **Color progression**: Gradient or distinct colors per level
542- **Icons**: Optional for each level

Visual Elements

  • Pyramid shape: Triangle with levels
  • Level labels: Clear tier identification
  • Size progression: Larger at base, smaller at top
  • Color progression: Gradient or distinct colors per level
  • Icons: Optional for each level
Raw lines 537 to 543
544### Layout Patterns
545- **Traditional pyramid**: Wide base, narrow top
546- **Inverted pyramid**: Narrow base, wide top
547- **Org chart**: Tree structure
548- **Stacked blocks**: Square levels

Layout Patterns

  • Traditional pyramid: Wide base, narrow top
  • Inverted pyramid: Narrow base, wide top
  • Org chart: Tree structure
  • Stacked blocks: Square levels
Raw lines 544 to 549
550### Prompt Templates
552**Classic Pyramid:**
553```
554Hierarchical pyramid infographic: [TOPIC]
555Top (Level 1 - most important/rare): [ITEM]
556Level 2: [ITEM]
557Level 3: [ITEM]
558Level 4: [ITEM]
559Base (Level 5 - foundation/most common): [ITEM]
560Triangle pyramid with 5 horizontal sections,
561[COLOR] gradient from [TOP COLOR] to [BASE COLOR],
562labels on each tier, icons optional,
563clean geometric design, white background.
564```
566**Organizational Hierarchy:**
567```
568Organizational chart infographic for [ORGANIZATION]:
569Top: [CEO/LEADER]
570Level 2: [VPs/DIRECTORS] (3-4 boxes)
571Level 3: [MANAGERS] (6-8 boxes)
572Level 4: [TEAM LEADS] (multiple boxes)
573Tree structure flowing down, connecting lines between levels,
574[COLOR SCHEME], professional corporate design,
575role titles in boxes, white background.
576```

Prompt Templates

Classic Pyramid:

Hierarchical pyramid infographic: [TOPIC]
Top (Level 1 - most important/rare): [ITEM]
Level 2: [ITEM]
Level 3: [ITEM]
Level 4: [ITEM]
Base (Level 5 - foundation/most common): [ITEM]
Triangle pyramid with 5 horizontal sections,
[COLOR] gradient from [TOP COLOR] to [BASE COLOR],
labels on each tier, icons optional,
clean geometric design, white background.

Organizational Hierarchy:

Organizational chart infographic for [ORGANIZATION]:
Top: [CEO/LEADER]
Level 2: [VPs/DIRECTORS] (3-4 boxes)
Level 3: [MANAGERS] (6-8 boxes)
Level 4: [TEAM LEADS] (multiple boxes)
Tree structure flowing down, connecting lines between levels,
[COLOR SCHEME], professional corporate design,
role titles in boxes, white background.
Raw lines 550 to 577
578### Example Prompts
580**Project Hierarchy:**
581```bash
582python skills/infographics/scripts/generate_infographic.py \
583 "Hierarchical infographic: A hypothetical research project. \
584 Top: Research question. Middle: Three work packages. \
585 Base: Data collection, analysis, and validation tasks. \
586 Show containment and labels; areas do not encode quantities. \
587 Blue and orange palette, clear hierarchy, white background" \
588 --output figures/project_hierarchy.png --type hierarchical
589```
591**Energy Pyramid:**
592```bash
593python skills/infographics/scripts/generate_infographic.py \
594 "Hierarchical pyramid infographic: Ecological Energy Pyramid \
595 Top: Apex predators (eagles, wolves) - smallest, \
596 Level 2: Secondary consumers (snakes, foxes), \
597 Level 3: Primary consumers (rabbits, deer), \
598 Base: Producers (plants, algae) - largest. \
599 Triangle pyramid with animal silhouettes, \
600 green gradient from base to top, \
601 energy flow arrows on side, \
602 scientific educational design" \
603 --output figures/energy_pyramid.png --type hierarchical
604```
606---

Example Prompts

Project Hierarchy:

python skills/infographics/scripts/generate_infographic.py \
  "Hierarchical infographic: A hypothetical research project. \
   Top: Research question. Middle: Three work packages. \
   Base: Data collection, analysis, and validation tasks. \
   Show containment and labels; areas do not encode quantities. \
   Blue and orange palette, clear hierarchy, white background" \
  --output figures/project_hierarchy.png --type hierarchical

Energy Pyramid:

python skills/infographics/scripts/generate_infographic.py \
  "Hierarchical pyramid infographic: Ecological Energy Pyramid \
   Top: Apex predators (eagles, wolves) - smallest, \
   Level 2: Secondary consumers (snakes, foxes), \
   Level 3: Primary consumers (rabbits, deer), \
   Base: Producers (plants, algae) - largest. \
   Triangle pyramid with animal silhouettes, \
   green gradient from base to top, \
   energy flow arrows on side, \
   scientific educational design" \
  --output figures/energy_pyramid.png --type hierarchical

Raw lines 578 to 607
Runs code python skills/infographics/scripts/generate_infographic.py :582
608## 8. Anatomical/Visual Metaphor Infographics

8. Anatomical/Visual Metaphor Infographics

Raw lines 608 to 609
610### Purpose
611Explain complex systems using familiar visual metaphors (bodies, machines, trees, etc.).

Purpose

Explain complex systems using familiar visual metaphors (bodies, machines, trees, etc.).

Raw lines 610 to 612
613### Visual Elements
614- **Central metaphor image**: The main visual (body, tree, machine)
615- **Labeled parts**: Components identified
616- **Callout lines**: Connecting labels to parts
617- **Descriptions**: Explanations for each part
618- **Color coding**: Different parts in different colors

Visual Elements

  • Central metaphor image: The main visual (body, tree, machine)
  • Labeled parts: Components identified
  • Callout lines: Connecting labels to parts
  • Descriptions: Explanations for each part
  • Color coding: Different parts in different colors
Raw lines 613 to 619
620### Layout Patterns
621- **Central image with callouts**: Labels pointing to parts
622- **Exploded view**: Parts separated but arranged
623- **Cross-section**: Inside view of metaphor
624- **Before/after**: Metaphor in different states

Layout Patterns

  • Central image with callouts: Labels pointing to parts
  • Exploded view: Parts separated but arranged
  • Cross-section: Inside view of metaphor
  • Before/after: Metaphor in different states
Raw lines 620 to 625
626### Prompt Templates
628**Body Metaphor:**
629```
630Anatomical infographic using human body to explain [TOPIC]:
631Brain represents [CONCEPT] - [explanation]
632Heart represents [CONCEPT] - [explanation]
633Hands represent [CONCEPT] - [explanation]
634Feet represent [CONCEPT] - [explanation]
635Human body silhouette with labeled callouts,
636[COLOR SCHEME], clean medical illustration style,
637connecting lines to descriptions, white background.
638```
640**Machine Metaphor:**
641```
642Anatomical infographic using machine/engine to explain [TOPIC]:
643Fuel tank represents [CONCEPT]
644Engine represents [CONCEPT]
645Wheels represent [CONCEPT]
646Steering represents [CONCEPT]
647Machine illustration with labeled components,
648callout lines and descriptions, [COLOR SCHEME],
649technical illustration style, white background.
650```

Prompt Templates

Body Metaphor:

Anatomical infographic using human body to explain [TOPIC]:
Brain represents [CONCEPT] - [explanation]
Heart represents [CONCEPT] - [explanation]
Hands represent [CONCEPT] - [explanation]
Feet represent [CONCEPT] - [explanation]
Human body silhouette with labeled callouts,
[COLOR SCHEME], clean medical illustration style,
connecting lines to descriptions, white background.

Machine Metaphor:

Anatomical infographic using machine/engine to explain [TOPIC]:
Fuel tank represents [CONCEPT]
Engine represents [CONCEPT]
Wheels represent [CONCEPT]
Steering represents [CONCEPT]
Machine illustration with labeled components,
callout lines and descriptions, [COLOR SCHEME],
technical illustration style, white background.
Raw lines 626 to 651
652### Example Prompts
654**Business as Body:**
655```bash
656python skills/infographics/scripts/generate_infographic.py \
657 "Anatomical infographic: A Business is Like a Human Body \
658 Brain = Leadership and strategy (makes decisions), \
659 Heart = Company culture (pumps energy), \
660 Arms = Sales and marketing (reaches out), \
661 Legs = Operations (keeps moving forward), \
662 Skeleton = Systems and processes (provides structure). \
663 Human body silhouette in blue, \
664 labeled callout boxes for each part, \
665 professional corporate design, white background" \
666 --output figures/business_body.png --type anatomical
667```
669**Computer as House:**
670```bash
671python skills/infographics/scripts/generate_infographic.py \
672 "Anatomical infographic: Computer as a House \
673 CPU = The brain/office (processes information), \
674 RAM = The desk (temporary workspace), \
675 Hard Drive = The filing cabinet (long-term storage), \
676 GPU = The entertainment room (handles visuals), \
677 Motherboard = The foundation (connects everything). \
678 House illustration with cutaway view, \
679 labeled rooms matching computer parts, \
680 blue and gray tech colors, educational style" \
681 --output figures/computer_house.png --type anatomical
682```
684---

Example Prompts

Business as Body:

python skills/infographics/scripts/generate_infographic.py \
  "Anatomical infographic: A Business is Like a Human Body \
   Brain = Leadership and strategy (makes decisions), \
   Heart = Company culture (pumps energy), \
   Arms = Sales and marketing (reaches out), \
   Legs = Operations (keeps moving forward), \
   Skeleton = Systems and processes (provides structure). \
   Human body silhouette in blue, \
   labeled callout boxes for each part, \
   professional corporate design, white background" \
  --output figures/business_body.png --type anatomical

Computer as House:

python skills/infographics/scripts/generate_infographic.py \
  "Anatomical infographic: Computer as a House \
   CPU = The brain/office (processes information), \
   RAM = The desk (temporary workspace), \
   Hard Drive = The filing cabinet (long-term storage), \
   GPU = The entertainment room (handles visuals), \
   Motherboard = The foundation (connects everything). \
   House illustration with cutaway view, \
   labeled rooms matching computer parts, \
   blue and gray tech colors, educational style" \
  --output figures/computer_house.png --type anatomical

Raw lines 652 to 685
Runs code python skills/infographics/scripts/generate_infographic.py :656
686## 9. Resume/Professional Infographics

9. Resume/Professional Infographics

Raw lines 686 to 687
688### Purpose
689Present professional information, skills, experience, and achievements visually.

Purpose

Present professional information, skills, experience, and achievements visually.

Raw lines 688 to 690
691### Visual Elements
692- **Photo/avatar section**: Personal branding
693- **Skills visualization**: Bars, charts, ratings
694- **Timeline**: Career progression
695- **Contact icons**: Email, phone, social
696- **Achievement badges**: Certifications, awards

Visual Elements

  • Photo/avatar section: Personal branding
  • Skills visualization: Bars, charts, ratings
  • Timeline: Career progression
  • Contact icons: Email, phone, social
  • Achievement badges: Certifications, awards
Raw lines 691 to 697
698### Layout Patterns
699- **Single column**: Vertical flow
700- **Two column**: Info left, skills right
701- **Header focus**: Large header with photo
702- **Modular**: Distinct sections/cards

Layout Patterns

  • Single column: Vertical flow
  • Two column: Info left, skills right
  • Header focus: Large header with photo
  • Modular: Distinct sections/cards
Raw lines 698 to 703
704### Prompt Templates
706**Professional Resume:**
707```
708Resume infographic for [NAME], [PROFESSION]:
709Photo area: Circular avatar placeholder
710Skills: [SKILL 1] 90%, [SKILL 2] 85%, [SKILL 3] 75%
711Experience: [YEAR-YEAR] [ROLE] at [COMPANY], [YEAR-YEAR] [ROLE] at [COMPANY]
712Education: [DEGREE] from [INSTITUTION]
713Contact: Email, LinkedIn, Portfolio icons
714Professional photo area at top, horizontal skill bars,
715timeline for experience, [COLOR SCHEME],
716modern professional design, white background.
717```

Prompt Templates

Professional Resume:

Resume infographic for [NAME], [PROFESSION]:
Photo area: Circular avatar placeholder
Skills: [SKILL 1] 90%, [SKILL 2] 85%, [SKILL 3] 75%
Experience: [YEAR-YEAR] [ROLE] at [COMPANY], [YEAR-YEAR] [ROLE] at [COMPANY]
Education: [DEGREE] from [INSTITUTION]
Contact: Email, LinkedIn, Portfolio icons
Professional photo area at top, horizontal skill bars,
timeline for experience, [COLOR SCHEME],
modern professional design, white background.
Raw lines 704 to 718
719### Example Prompts
721**Designer Resume:**
722```bash
723python skills/infographics/scripts/generate_infographic.py \
724 "Resume infographic for a Graphic Designer: \
725 Circular avatar placeholder at top, \
726 Skills with colored bars: Adobe Suite 95%, UI/UX 90%, Branding 85%, Motion 75%. \
727 Experience timeline: 2018-2020 Junior Designer at Agency X, \
728 2020-2023 Senior Designer at Studio Y, 2023-Present Creative Director at Company Z. \
729 Education: BFA Graphic Design. \
730 Contact icons row at bottom. \
731 Coral and teal color scheme, creative modern design" \
732 --output figures/designer_resume.png --type resume
733```
735---

Example Prompts

Designer Resume:

python skills/infographics/scripts/generate_infographic.py \
  "Resume infographic for a Graphic Designer: \
   Circular avatar placeholder at top, \
   Skills with colored bars: Adobe Suite 95%, UI/UX 90%, Branding 85%, Motion 75%. \
   Experience timeline: 2018-2020 Junior Designer at Agency X, \
   2020-2023 Senior Designer at Studio Y, 2023-Present Creative Director at Company Z. \
   Education: BFA Graphic Design. \
   Contact icons row at bottom. \
   Coral and teal color scheme, creative modern design" \
  --output figures/designer_resume.png --type resume

Raw lines 719 to 736
Runs code python skills/infographics/scripts/generate_infographic.py :723
737## 10. Social Media/Interactive Infographics

10. Social Media/Interactive Infographics

Raw lines 737 to 738
739### Purpose
740Create shareable, engaging content optimized for social media platforms.

Purpose

Create shareable, engaging content optimized for social media platforms.

Raw lines 739 to 741
742### Visual Elements
743- **Bold headlines**: Attention-grabbing text
744- **Minimal text**: Quick to read
745- **Vibrant colors**: Stand out in feeds
746- **Central visual**: Eye-catching image or icon
747- **Call to action**: Engagement prompt

Visual Elements

  • Bold headlines: Attention-grabbing text
  • Minimal text: Quick to read
  • Vibrant colors: Stand out in feeds
  • Central visual: Eye-catching image or icon
  • Call to action: Engagement prompt
Raw lines 742 to 748
749### Layout Patterns
750- **Square format**: Instagram, Facebook
751- **Vertical format**: Pinterest, Stories
752- **Carousel**: Multi-slide series
753- **Quote card**: Impactful statement focus

Layout Patterns

  • Square format: Instagram, Facebook
  • Vertical format: Pinterest, Stories
  • Carousel: Multi-slide series
  • Quote card: Impactful statement focus
Raw lines 749 to 754
755### Illustrative Canvas Sizes (not API guarantees)
757These are common layout examples, not a statement of current platform upload rules.
758Check the destination platform before delivery; the script does not enforce pixel dimensions.
759- **Instagram Square**: 1080x1080px
760- **Instagram Portrait**: 1080x1350px
761- **Twitter/X**: 1200x675px
762- **LinkedIn**: 1200x627px
763- **Pinterest**: 1000x1500px

Illustrative Canvas Sizes (not API guarantees)

These are common layout examples, not a statement of current platform upload rules. Check the destination platform before delivery; the script does not enforce pixel dimensions.

  • Instagram Square: 1080x1080px
  • Instagram Portrait: 1080x1350px
  • Twitter/X: 1200x675px
  • LinkedIn: 1200x627px
  • Pinterest: 1000x1500px
Raw lines 755 to 764
765### Prompt Templates
767**Social Quote Card:**
768```
769Social media infographic: Inspirational quote
770Quote: "[QUOTE TEXT]"
771Attribution: - [AUTHOR]
772Large quotation marks, centered quote text,
773author name below, [COLOR SCHEME],
774Instagram square format, bold typography,
775solid gradient background.
776```
778**Quick Stats Social:**
779```
780Social media infographic: [TOPIC] in Numbers
781Headline: [ATTENTION-GRABBING HEADLINE]
782Stat 1: [BIG NUMBER] [CONTEXT]
783Stat 2: [BIG NUMBER] [CONTEXT]
784Call to action: [CTA]
785Bold numbers, minimal text, [COLOR SCHEME],
786vibrant engaging design, social media optimized,
787Instagram square format.
788```

Prompt Templates

Social Quote Card:

Social media infographic: Inspirational quote
Quote: "[QUOTE TEXT]"
Attribution: - [AUTHOR]
Large quotation marks, centered quote text,
author name below, [COLOR SCHEME],
Instagram square format, bold typography,
solid gradient background.

Quick Stats Social:

Social media infographic: [TOPIC] in Numbers
Headline: [ATTENTION-GRABBING HEADLINE]
Stat 1: [BIG NUMBER] [CONTEXT]
Stat 2: [BIG NUMBER] [CONTEXT]
Call to action: [CTA]
Bold numbers, minimal text, [COLOR SCHEME],
vibrant engaging design, social media optimized,
Instagram square format.
Raw lines 765 to 789
790### Example Prompts
792**Inspirational Quote:**
793```bash
794python skills/infographics/scripts/generate_infographic.py \
795 "Social media infographic quote card: \
796 Quote: 'The best time to plant a tree was 20 years ago. \
797 The second best time is now.' \
798 Attribution: Chinese Proverb. \
799 Large decorative quotation marks, centered text, \
800 gradient background from deep green to teal, \
801 tree silhouette illustration, Instagram square format, \
802 modern inspirational design" \
803 --output figures/tree_quote.png --type social
804```
806**Engagement Stats:**
807```bash
808python skills/infographics/scripts/generate_infographic.py \
809 "Social media infographic: Email Marketing Stats \
810 Headline: Example Campaign (Synthetic Data) \
811 Stat 1: 40% open rate in a hypothetical test, \
812 Stat 2: 5% click rate among 1000 synthetic delivered messages, \
813 Call to action: Double tap if you're an email marketer! \
814 Bold colorful numbers, envelope icons, \
815 purple and yellow vibrant colors, \
816 Instagram square format, engaging design" \
817 --output figures/email_stats_social.png --type social
818```
820---

Example Prompts

Inspirational Quote:

python skills/infographics/scripts/generate_infographic.py \
  "Social media infographic quote card: \
   Quote: 'The best time to plant a tree was 20 years ago. \
   The second best time is now.' \
   Attribution: Chinese Proverb. \
   Large decorative quotation marks, centered text, \
   gradient background from deep green to teal, \
   tree silhouette illustration, Instagram square format, \
   modern inspirational design" \
  --output figures/tree_quote.png --type social

Engagement Stats:

python skills/infographics/scripts/generate_infographic.py \
  "Social media infographic: Email Marketing Stats \
   Headline: Example Campaign (Synthetic Data) \
   Stat 1: 40% open rate in a hypothetical test, \
   Stat 2: 5% click rate among 1000 synthetic delivered messages, \
   Call to action: Double tap if you're an email marketer! \
   Bold colorful numbers, envelope icons, \
   purple and yellow vibrant colors, \
   Instagram square format, engaging design" \
  --output figures/email_stats_social.png --type social

Raw lines 790 to 821
Runs code python skills/infographics/scripts/generate_infographic.py :794
822## Style Variations by Industry

Style Variations by Industry

Raw lines 822 to 823
824### Corporate/Business Style
825- Colors: Navy, gray, gold accents
826- Typography: Clean sans-serif (Arial, Helvetica)
827- Design: Minimal, professional, structured
828- Elements: Charts, icons, clean lines

Corporate/Business Style

  • Colors: Navy, gray, gold accents
  • Typography: Clean sans-serif (Arial, Helvetica)
  • Design: Minimal, professional, structured
  • Elements: Charts, icons, clean lines
Raw lines 824 to 829
830### Healthcare/Medical Style
831- Colors: Blue, teal, green, white
832- Typography: Clear, readable
833- Design: Trust-inducing, clean, clinical
834- Elements: Medical icons, anatomy, research imagery

Healthcare/Medical Style

  • Colors: Blue, teal, green, white
  • Typography: Clear, readable
  • Design: Trust-inducing, clean, clinical
  • Elements: Medical icons, anatomy, research imagery
Raw lines 830 to 835
836### Technology/Data Style
837- Colors: Dark backgrounds, neon accents, blue/purple
838- Typography: Modern sans-serif, monospace for data
839- Design: Futuristic, clean, dark mode friendly
840- Elements: Circuit patterns, data visualizations, glows

Technology/Data Style

  • Colors: Dark backgrounds, neon accents, blue/purple
  • Typography: Modern sans-serif, monospace for data
  • Design: Futuristic, clean, dark mode friendly
  • Elements: Circuit patterns, data visualizations, glows
Raw lines 836 to 841
842### Education/Academic Style
843- Colors: Neutral tones, soft blues, warm accents
844- Typography: Readable, slightly traditional
845- Design: Organized, clear hierarchy, accessible
846- Elements: Books, lightbulbs, graduation icons

Education/Academic Style

  • Colors: Neutral tones, soft blues, warm accents
  • Typography: Readable, slightly traditional
  • Design: Organized, clear hierarchy, accessible
  • Elements: Books, lightbulbs, graduation icons
Raw lines 842 to 847
848### Marketing/Creative Style
849- Colors: Bold, vibrant, trendy combinations
850- Typography: Mix of display and body fonts
851- Design: Eye-catching, dynamic, playful
852- Elements: Abstract shapes, gradients, illustrations
854---

Marketing/Creative Style

  • Colors: Bold, vibrant, trendy combinations
  • Typography: Mix of display and body fonts
  • Design: Eye-catching, dynamic, playful
  • Elements: Abstract shapes, gradients, illustrations

Raw lines 848 to 855
856## Prompt Modifiers Reference
858Add these modifiers to any prompt to adjust style:

Prompt Modifiers Reference

Add these modifiers to any prompt to adjust style:

Raw lines 856 to 859
860### Design Style
861- "clean minimal design"
862- "modern professional design"
863- "flat design with bold colors"
864- "hand-drawn illustration style"
865- "3D isometric style"
866- "vintage retro style"
867- "corporate business style"
868- "playful friendly design"

Design Style

  • "clean minimal design"
  • "modern professional design"
  • "flat design with bold colors"
  • "hand-drawn illustration style"
  • "3D isometric style"
  • "vintage retro style"
  • "corporate business style"
  • "playful friendly design"
Raw lines 860 to 869
870### Color Instructions
871- "[color] and [color] color scheme"
872- "monochromatic [color] palette"
873- "colorblind-safe palette"
874- "warm/cool color tones"
875- "high contrast design"
876- "muted pastel colors"
877- "bold vibrant colors"

Color Instructions

  • "[color] and [color] color scheme"
  • "monochromatic [color] palette"
  • "colorblind-safe palette"
  • "warm/cool color tones"
  • "high contrast design"
  • "muted pastel colors"
  • "bold vibrant colors"
Raw lines 870 to 878
879### Layout Instructions
880- "vertical layout"
881- "horizontal layout"
882- "centered composition"
883- "asymmetrical balance"
884- "grid-based layout"
885- "flowing organic layout"

Layout Instructions

  • "vertical layout"
  • "horizontal layout"
  • "centered composition"
  • "asymmetrical balance"
  • "grid-based layout"
  • "flowing organic layout"
Raw lines 879 to 886
887### Background Options
888- "white background"
889- "light gray background"
890- "dark background"
891- "gradient background from [color] to [color]"
892- "subtle pattern background"
893- "solid [color] background"
895---
897Use these templates and examples as starting points, then customize for your specific needs.

Background Options

  • "white background"
  • "light gray background"
  • "dark background"
  • "gradient background from [color] to [color]"
  • "subtle pattern background"
  • "solid [color] background"

Use these templates and examples as starting points, then customize for your specific needs.

Raw lines 887 to 897