Skill Tracer
Skills › Scientific Agent Skills › scientific-schematics › best_practices.md

best_practices.md

552 lines · skills/scientific-schematics/references/best_practices.md at 5f2bc03

Open on GitHub

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

1# Best Practices for Scientific Diagrams
2

Best Practices for Scientific Diagrams

Raw lines 1 to 2
3## Overview
4
5This guide supports prompt writing and manual figure review. Numeric design suggestions below are starting points; the target journal and article type determine submission requirements. AI-generated artwork also needs the venue's current permissions/disclosure policy checked before use.
6

Overview

This guide supports prompt writing and manual figure review. Numeric design suggestions below are starting points; the target journal and article type determine submission requirements. AI-generated artwork also needs the venue's current permissions/disclosure policy checked before use.

Raw lines 3 to 6
7### How this relates to the generator
8
9These are the standards a figure is judged against — not a description of what
10`scripts/generate_schematic.py` does for you. The generator produces a **PNG** and nothing else.
11Read this file for two purposes:
13- **To write the prompt.** Typography, colour, contrast, layout, labelling, and accessibility are
14 all things the image model will attempt if you ask for them specifically. The sections below are
15 the vocabulary for asking.
16- **To judge the result, and to plan post-processing.** File format, resolution, colour space, and
17 physical dimensions are fixed once the PNG exists. Where a journal's requirement differs from what
18 came out, that is a conversion step you perform afterwards — the skill has no vector path, no DPI
19 control, and no CMYK output.

How this relates to the generator

These are the standards a figure is judged against — not a description of what scripts/generate_schematic.py does for you. The generator produces a PNG and nothing else. Read this file for two purposes:

  • To write the prompt. Typography, colour, contrast, layout, labelling, and accessibility are all things the image model will attempt if you ask for them specifically. The sections below are the vocabulary for asking.
  • To judge the result, and to plan post-processing. File format, resolution, colour space, and physical dimensions are fixed once the PNG exists. Where a journal's requirement differs from what came out, that is a conversion step you perform afterwards — the skill has no vector path, no DPI control, and no CMYK output.
Raw lines 7 to 20
Runs code scripts/generate_schematic.py :10
21## Publication Standards

Publication Standards

Raw lines 21 to 22
23### 1. File Format Requirements
25**Vector Formats (Preferred)**
26- **PDF**: Common for vector artwork and LaTeX; acceptance is venue-specific
27 - Use for: Line drawings, flowcharts, block diagrams, circuit diagrams
28 - Advantages: Scalable, small file size, embeds fonts
29 - Standard for LaTeX workflows
31- **EPS (Encapsulated PostScript)**: Legacy format, still accepted
32 - Use for: Older publishing systems
33 - Compatible with most journals
34 - Can be converted from PDF
36- **SVG (Scalable Vector Graphics)**: Web-friendly, increasingly accepted
37 - Use for: Online publications, interactive figures
38 - Can be edited in vector graphics software
39 - Not all journals accept SVG
41**Raster Formats (When Necessary)**
42- **TIFF**: Professional standard for raster graphics
43 - Use for: Microscopy images, photographs combined with diagrams
44 - Minimum 300 DPI at final print size
45 - Lossless compression (LZW)
47- **PNG**: Web-friendly, lossless compression
48 - Use for: Online supplementary materials, presentations
49 - Minimum 300 DPI for print
50 - Supports transparency
52**Avoid for new diagram masters**
53- **JPEG**: Lossy compression can damage text and lines; some venues accept high-quality JPEG for photographs
54- **GIF**: Limited colors, inappropriate for scientific figures
55- **BMP**: Uncompressed, unnecessarily large files

1. File Format Requirements

Vector Formats (Preferred)

  • PDF: Common for vector artwork and LaTeX; acceptance is venue-specific
  • Use for: Line drawings, flowcharts, block diagrams, circuit diagrams
  • Advantages: Scalable, small file size, embeds fonts
  • Standard for LaTeX workflows
  • EPS (Encapsulated PostScript): Legacy format, still accepted
  • Use for: Older publishing systems
  • Compatible with most journals
  • Can be converted from PDF
  • SVG (Scalable Vector Graphics): Web-friendly, increasingly accepted
  • Use for: Online publications, interactive figures
  • Can be edited in vector graphics software
  • Not all journals accept SVG

Raster Formats (When Necessary)

  • TIFF: Professional standard for raster graphics
  • Use for: Microscopy images, photographs combined with diagrams
  • Minimum 300 DPI at final print size
  • Lossless compression (LZW)
  • PNG: Web-friendly, lossless compression
  • Use for: Online supplementary materials, presentations
  • Minimum 300 DPI for print
  • Supports transparency

Avoid for new diagram masters

  • JPEG: Lossy compression can damage text and lines; some venues accept high-quality JPEG for photographs
  • GIF: Limited colors, inappropriate for scientific figures
  • BMP: Uncompressed, unnecessarily large files
Raw lines 23 to 56
57### 2. Resolution Requirements
59**Vector Graphics**
60- Infinite resolution (scalable)
61- **Recommended**: Always use vector when possible
63**Raster graphics**
64- Calculate effective pixels per inch at the final physical size.
65- Photographic submission targets commonly start at 300 ppi; line art may require more.
66- Screen quality depends on pixel dimensions and display size, not DPI metadata.
67- Check the venue-specific requirement before exporting; changing DPI metadata or upsampling cannot recover missing detail.
69**Calculating DPI**
70```
71DPI = pixels / (inches at final size)
73Example:
74Image size: 2400 × 1800 pixels
75Final print size: 8 × 6 inches
76DPI = 2400 / 8 = 300 ✓ (acceptable)
77```

2. Resolution Requirements

Vector Graphics

  • Infinite resolution (scalable)
  • Recommended: Always use vector when possible

Raster graphics

  • Calculate effective pixels per inch at the final physical size.
  • Photographic submission targets commonly start at 300 ppi; line art may require more.
  • Screen quality depends on pixel dimensions and display size, not DPI metadata.
  • Check the venue-specific requirement before exporting; changing DPI metadata or upsampling cannot recover missing detail.

Calculating DPI

DPI = pixels / (inches at final size)

Example:
Image size: 2400 × 1800 pixels
Final print size: 8 × 6 inches
DPI = 2400 / 8 = 300 ✓ (acceptable)
Raw lines 57 to 78
79### 3. Size and Dimensions
81**Choose the venue and article type first**
82- Nature's main-figure guide lists 89 mm and 183 mm widths; Extended Data has separate rules.
83- Other publishers have different width ranges and file requirements. Do not reuse Nature dimensions for Science, Cell, PLOS, or IEEE without checking that venue's current instructions.
84- See the source links under Journal-Specific Guidelines below.
86**Best Practices**
87- Design at final print size (avoid scaling)
88- Use journal templates when available
89- Allow margins for cropping
90- Test appearance at final size before submission

3. Size and Dimensions

Choose the venue and article type first

  • Nature's main-figure guide lists 89 mm and 183 mm widths; Extended Data has separate rules.
  • Other publishers have different width ranges and file requirements. Do not reuse Nature dimensions for Science, Cell, PLOS, or IEEE without checking that venue's current instructions.
  • See the source links under Journal-Specific Guidelines below.

Best Practices

  • Design at final print size (avoid scaling)
  • Use journal templates when available
  • Allow margins for cropping
  • Test appearance at final size before submission
Raw lines 79 to 91
92### 4. Typography Standards
94**Font Selection**
95- **Recommended**: Arial, Helvetica, Calibri (sans-serif)
96- **Acceptable**: Times New Roman (serif) for mathematics-heavy
97- **Avoid**: Decorative fonts, script fonts, system fonts that may not embed
99**Font Sizes (at final print size)**
100- **Minimum**: 6-7 pt (journal dependent)
101- **Axis labels**: 8-9 pt
102- **Figure labels**: 10-12 pt
103- **Panel labels (A, B, C)**: 10-14 pt, bold
104- **Main text**: Should match manuscript body text
106**Text Clarity**
107- Use sentence case: "Time (seconds)" not "TIME (SECONDS)"
108- Include units in parentheses: "Temperature (°C)"
109- Spell out abbreviations in figure caption
110- Avoid rotated text when possible (exception: y-axis labels)
111- **No figure numbers in diagram** - do not include "Figure 1:", "Fig. 1", etc. (these are added by LaTeX/document)

4. Typography Standards

Font Selection

  • Recommended: Arial, Helvetica, Calibri (sans-serif)
  • Acceptable: Times New Roman (serif) for mathematics-heavy
  • Avoid: Decorative fonts, script fonts, system fonts that may not embed

Font Sizes (at final print size)

  • Minimum: 6-7 pt (journal dependent)
  • Axis labels: 8-9 pt
  • Figure labels: 10-12 pt
  • Panel labels (A, B, C): 10-14 pt, bold
  • Main text: Should match manuscript body text

Text Clarity

  • Use sentence case: "Time (seconds)" not "TIME (SECONDS)"
  • Include units in parentheses: "Temperature (°C)"
  • Spell out abbreviations in figure caption
  • Avoid rotated text when possible (exception: y-axis labels)
  • No figure numbers in diagram - do not include "Figure 1:", "Fig. 1", etc. (these are added by LaTeX/document)
Raw lines 92 to 112
113### 5. Line Weights and Strokes
115**Recommended Line Widths**
116- **Diagram outlines**: 0.5-1.0 pt
117- **Connection lines/arrows**: 1.0-2.0 pt
118- **Emphasis elements**: 2.0-3.0 pt
119- **Minimum visible**: 0.25 pt at final size
121**Consistency**
122- Use same line weight for similar elements
123- Vary line weight to show hierarchy
124- Avoid hairline rules (too thin to print reliably)

5. Line Weights and Strokes

Recommended Line Widths

  • Diagram outlines: 0.5-1.0 pt
  • Connection lines/arrows: 1.0-2.0 pt
  • Emphasis elements: 2.0-3.0 pt
  • Minimum visible: 0.25 pt at final size

Consistency

  • Use same line weight for similar elements
  • Vary line weight to show hierarchy
  • Avoid hairline rules (too thin to print reliably)
Raw lines 113 to 125
126## Accessibility and Colorblindness

Accessibility and Colorblindness

Raw lines 126 to 127
128### 1. Colorblind-Safe Palettes
130**Okabe-Ito Palette (Recommended)**
131A useful starting palette from [Color Universal Design](https://jfly.uni-koeln.de/color/); no palette guarantees accessibility for every viewer, background, or adjacent pair:
133```latex
134% RGB values
135Orange: #E69F00 (230, 159, 0)
136Sky Blue: #56B4E9 ( 86, 180, 233)
137Green: #009E73 ( 0, 158, 115)
138Yellow: #F0E442 (240, 228, 66)
139Blue: #0072B2 ( 0, 114, 178)
140Vermillion: #D55E00 (213, 94, 0)
141Purple: #CC79A7 (204, 121, 167)
142Black: #000000 ( 0, 0, 0)
143```
145**Alternative: ColorBrewer Palettes**
146- **Qualitative**: consider Set2, Paired, Dark2 after enabling ColorBrewer's colorblind-safe filter for the chosen number of categories
147- **Sequential**: Blues, Greens, Oranges (avoid Reds/Greens together)
148- **Diverging**: RdBu (Red-Blue), PuOr (Purple-Orange)
150**Colors to Avoid Together**
151- Red-Green combinations without redundant labels or shapes
152- Blue-Purple combinations
153- Yellow-Light green combinations

1. Colorblind-Safe Palettes

Okabe-Ito Palette (Recommended) A useful starting palette from Color Universal Design; no palette guarantees accessibility for every viewer, background, or adjacent pair:

% RGB values
Orange:     #E69F00 (230, 159,   0)
Sky Blue:   #56B4E9 ( 86, 180, 233)
Green:      #009E73 (  0, 158, 115)
Yellow:     #F0E442 (240, 228,  66)
Blue:       #0072B2 (  0, 114, 178)
Vermillion: #D55E00 (213,  94,   0)
Purple:     #CC79A7 (204, 121, 167)
Black:      #000000 (  0,   0,   0)

Alternative: ColorBrewer Palettes

  • Qualitative: consider Set2, Paired, Dark2 after enabling ColorBrewer's colorblind-safe filter for the chosen number of categories
  • Sequential: Blues, Greens, Oranges (avoid Reds/Greens together)
  • Diverging: RdBu (Red-Blue), PuOr (Purple-Orange)

Colors to Avoid Together

  • Red-Green combinations without redundant labels or shapes
  • Blue-Purple combinations
  • Yellow-Light green combinations
Raw lines 128 to 154
155### 2. Redundant Encoding
157Don't rely on color alone. Use multiple visual channels:
159**Shape + Color**
160```
161Circle + Blue = Condition A
162Square + Orange = Condition B
163Triangle + Green = Condition C
164```
166**Line Style + Color**
167```
168Solid + Blue = Treatment 1
169Dashed + Orange = Treatment 2
170Dotted + Green = Control
171```
173**Pattern Fill + Color**
174```
175Solid fill + Blue = Group A
176Diagonal stripes + Orange = Group B
177Cross-hatch + Green = Group C
178```

2. Redundant Encoding

Don't rely on color alone. Use multiple visual channels:

Shape + Color

Circle + Blue   = Condition A
Square + Orange = Condition B
Triangle + Green = Condition C

Line Style + Color

Solid + Blue = Treatment 1
Dashed + Orange = Treatment 2
Dotted + Green = Control

Pattern Fill + Color

Solid fill + Blue = Group A
Diagonal stripes + Orange = Group B
Cross-hatch + Green = Group C
Raw lines 155 to 179
180### 3. Grayscale Compatibility
182**Test Requirement**: All diagrams must be interpretable in grayscale
184**Strategies**
185- Use different shades (light, medium, dark)
186- Add patterns or textures to filled areas
187- Vary line styles (solid, dashed, dotted)
188- Use labels directly on elements
189- Include text annotations
191**Grayscale Test**
192```bash
193# Convert to grayscale to test
194magick diagram.png -colorspace Gray diagram_gray.png
195```

3. Grayscale Compatibility

Test Requirement: All diagrams must be interpretable in grayscale

Strategies

  • Use different shades (light, medium, dark)
  • Add patterns or textures to filled areas
  • Vary line styles (solid, dashed, dotted)
  • Use labels directly on elements
  • Include text annotations

Grayscale Test

# Convert to grayscale to test
magick diagram.png -colorspace Gray diagram_gray.png
Raw lines 180 to 196
197### 4. Contrast Requirements
199**WCAG 2.2 web accessibility targets** (useful checks, not a blanket journal certification)
200- **Normal text**: 4.5:1
201- **Large text** (at least 18 pt regular or 14 pt bold): 3:1
202- **Necessary graphical objects**: 3:1 against adjacent colors, subject to the criterion's exceptions
204See [text contrast](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) and [non-text contrast](https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html). Raster labels still need to be legible at their final displayed size.
206**High Contrast Practices**
207- Dark text on light background (or vice versa)
208- Avoid low-contrast color pairs (yellow on white, light gray on white)
209- Use black or dark gray for critical text
210- White text on dark backgrounds needs larger font size

4. Contrast Requirements

WCAG 2.2 web accessibility targets (useful checks, not a blanket journal certification)

  • Normal text: 4.5:1
  • Large text (at least 18 pt regular or 14 pt bold): 3:1
  • Necessary graphical objects: 3:1 against adjacent colors, subject to the criterion's exceptions

See text contrast and non-text contrast. Raster labels still need to be legible at their final displayed size.

High Contrast Practices

  • Dark text on light background (or vice versa)
  • Avoid low-contrast color pairs (yellow on white, light gray on white)
  • Use black or dark gray for critical text
  • White text on dark backgrounds needs larger font size
Raw lines 197 to 211
212### 5. Alternative Text and Descriptions
214**Figure Captions Must Include**
215- Description of diagram type
216- All abbreviations spelled out
217- Explanation of symbols and colors
218- Sample sizes (n) where relevant
219- Statistical annotations explained
220- Reference to detailed methods if applicable
222**Example Caption**
223"Participant flow diagram following CONSORT guidelines. Rectangles represent study stages, with participant numbers (n) shown. Exclusion criteria are listed beside each screening stage. In this illustrative complete-case example, primary-outcome analysis included n=325 participants (160 and 165); 25 lacked primary-outcome measurements. Reconcile this with the statistical analysis plan rather than equating every follow-up loss with exclusion from intention-to-treat analysis."

5. Alternative Text and Descriptions

Figure Captions Must Include

  • Description of diagram type
  • All abbreviations spelled out
  • Explanation of symbols and colors
  • Sample sizes (n) where relevant
  • Statistical annotations explained
  • Reference to detailed methods if applicable

Example Caption "Participant flow diagram following CONSORT guidelines. Rectangles represent study stages, with participant numbers (n) shown. Exclusion criteria are listed beside each screening stage. In this illustrative complete-case example, primary-outcome analysis included n=325 participants (160 and 165); 25 lacked primary-outcome measurements. Reconcile this with the statistical analysis plan rather than equating every follow-up loss with exclusion from intention-to-treat analysis."

Raw lines 212 to 224
225## Design Principles

Design Principles

Raw lines 225 to 226
227### 1. Simplicity and Clarity
229**Occam's Razor for Diagrams**
230- Remove every element that doesn't add information
231- Simplify complex relationships
232- Break complex diagrams into multiple panels
233- Use consistent layouts across related figures
235**Visual Hierarchy**
236- Most important elements: Largest, darkest, central
237- Supporting elements: Smaller, lighter, peripheral
238- Annotations: Minimal, clear labels only

1. Simplicity and Clarity

Occam's Razor for Diagrams

  • Remove every element that doesn't add information
  • Simplify complex relationships
  • Break complex diagrams into multiple panels
  • Use consistent layouts across related figures

Visual Hierarchy

  • Most important elements: Largest, darkest, central
  • Supporting elements: Smaller, lighter, peripheral
  • Annotations: Minimal, clear labels only
Raw lines 227 to 239
240### 2. Consistency
242**Within a Figure**
243- Same shape/color represents same concept
244- Consistent arrow styles for same relationships
245- Uniform spacing and alignment
246- Matching font sizes for similar elements
248**Across Figures in a Paper**
249- Reuse color schemes
250- Maintain consistent node styles
251- Use same notation system
252- Apply same layout principles

2. Consistency

Within a Figure

  • Same shape/color represents same concept
  • Consistent arrow styles for same relationships
  • Uniform spacing and alignment
  • Matching font sizes for similar elements

Across Figures in a Paper

  • Reuse color schemes
  • Maintain consistent node styles
  • Use same notation system
  • Apply same layout principles
Raw lines 240 to 253
254### 3. Professional Appearance
256**Alignment**
257- Use grids for node placement
258- Align nodes horizontally or vertically
259- Evenly space elements
260- Center labels within shapes
262**White Space**
263- Don't overcrowd diagrams
264- Leave breathing room around elements
265- Use white space to group related items
266- Margins around entire diagram
268**Polish**
269- No jagged lines or misaligned elements
270- Smooth curves and precise angles
271- Clean connection points
272- No overlapping text

3. Professional Appearance

Alignment

  • Use grids for node placement
  • Align nodes horizontally or vertically
  • Evenly space elements
  • Center labels within shapes

White Space

  • Don't overcrowd diagrams
  • Leave breathing room around elements
  • Use white space to group related items
  • Margins around entire diagram

Polish

  • No jagged lines or misaligned elements
  • Smooth curves and precise angles
  • Clean connection points
  • No overlapping text
Raw lines 254 to 273
274## Common Pitfalls and Solutions

Common Pitfalls and Solutions

Raw lines 274 to 275
276### Pitfall 1: Overcomplicated Diagrams
278**Problem**: Too much information in one diagram
279**Solution**:
280- Split into multiple panels (A, B, C)
281- Create overview + detailed diagrams
282- Move details to supplementary figures
283- Use hierarchical presentation

Pitfall 1: Overcomplicated Diagrams

Problem: Too much information in one diagram Solution:

  • Split into multiple panels (A, B, C)
  • Create overview + detailed diagrams
  • Move details to supplementary figures
  • Use hierarchical presentation
Raw lines 276 to 284
285### Pitfall 2: Inconsistent Styling
287**Problem**: Different styles for same elements across figures
288**Solution**:
289- Create and use style templates
290- Use the same color palette throughout
291- Document your style choices

Pitfall 2: Inconsistent Styling

Problem: Different styles for same elements across figures Solution:

  • Create and use style templates
  • Use the same color palette throughout
  • Document your style choices
Raw lines 285 to 292
293### Pitfall 3: Poor Label Placement
295**Problem**: Labels overlap elements or are hard to read
296**Solution**:
297- Place labels outside shapes when possible
298- Use leader lines for distant labels
299- Rotate text only when necessary
300- Ensure adequate contrast with background

Pitfall 3: Poor Label Placement

Problem: Labels overlap elements or are hard to read Solution:

  • Place labels outside shapes when possible
  • Use leader lines for distant labels
  • Rotate text only when necessary
  • Ensure adequate contrast with background
Raw lines 293 to 301
302### Pitfall 4: Tiny Text
304**Problem**: Text too small to read at final print size
305**Solution**:
306- Design at final size from the start
307- Test print at final size
308- Minimum 7-8 pt font
309- Simplify labels if space is limited

Pitfall 4: Tiny Text

Problem: Text too small to read at final print size Solution:

  • Design at final size from the start
  • Test print at final size
  • Minimum 7-8 pt font
  • Simplify labels if space is limited
Raw lines 302 to 310
311### Pitfall 5: Ambiguous Arrows
313**Problem**: Unclear what arrows represent or where they point
314**Solution**:
315- Use different arrow styles for different meanings
316- Add labels to arrows
317- Include legend for arrow types
318- Use anchor points for precise connections

Pitfall 5: Ambiguous Arrows

Problem: Unclear what arrows represent or where they point Solution:

  • Use different arrow styles for different meanings
  • Add labels to arrows
  • Include legend for arrow types
  • Use anchor points for precise connections
Raw lines 311 to 319
320### Pitfall 6: Color Overuse
322**Problem**: Too many colors, confusing or inaccessible
323**Solution**:
324- Limit to 3-5 colors maximum
325- Use color purposefully (categories, emphasis)
326- Stick to colorblind-safe palette
327- Provide redundant encoding

Pitfall 6: Color Overuse

Problem: Too many colors, confusing or inaccessible Solution:

  • Limit to 3-5 colors maximum
  • Use color purposefully (categories, emphasis)
  • Stick to colorblind-safe palette
  • Provide redundant encoding
Raw lines 320 to 328
329## Quality Control Checklist

Quality Control Checklist

Raw lines 329 to 330
331### Before Submission
333**Technical Requirements**
334- [ ] Correct file format (PDF/EPS preferred for diagrams)
335- [ ] Sufficient resolution (vector or 300+ DPI)
336- [ ] Appropriate size (matches journal column width)
337- [ ] Fonts embedded in PDF
338- [ ] No compression artifacts
340**Accessibility**
341- [ ] Colorblind-safe palette used
342- [ ] Works in grayscale (tested)
343- [ ] Text minimum 7-8 pt at final size
344- [ ] High contrast between elements
345- [ ] Redundant encoding (not color alone)
347**Design Quality**
348- [ ] Elements aligned properly
349- [ ] Consistent spacing and layout
350- [ ] No overlapping text or elements
351- [ ] Clear visual hierarchy
352- [ ] Professional appearance
354**Content**
355- [ ] All elements labeled
356- [ ] Abbreviations defined
357- [ ] Units included where relevant
358- [ ] Legend provided if needed
359- [ ] Caption comprehensive
361**Consistency**
362- [ ] Matches other figures in style
363- [ ] Same notation as text
364- [ ] Consistent with journal guidelines
365- [ ] Cross-references work

Before Submission

Technical Requirements

  • [ ] Correct file format (PDF/EPS preferred for diagrams)
  • [ ] Sufficient resolution (vector or 300+ DPI)
  • [ ] Appropriate size (matches journal column width)
  • [ ] Fonts embedded in PDF
  • [ ] No compression artifacts

Accessibility

  • [ ] Colorblind-safe palette used
  • [ ] Works in grayscale (tested)
  • [ ] Text minimum 7-8 pt at final size
  • [ ] High contrast between elements
  • [ ] Redundant encoding (not color alone)

Design Quality

  • [ ] Elements aligned properly
  • [ ] Consistent spacing and layout
  • [ ] No overlapping text or elements
  • [ ] Clear visual hierarchy
  • [ ] Professional appearance

Content

  • [ ] All elements labeled
  • [ ] Abbreviations defined
  • [ ] Units included where relevant
  • [ ] Legend provided if needed
  • [ ] Caption comprehensive

Consistency

  • [ ] Matches other figures in style
  • [ ] Same notation as text
  • [ ] Consistent with journal guidelines
  • [ ] Cross-references work
Raw lines 331 to 366
367## Journal-Specific Guidelines
369Consult the current instructions for the exact journal and figure category. Avoid treating a local reviewer score or a single resolution value as a publication standard.
371- [Nature final submission](https://www.nature.com/nature/for-authors/final-submission): main figures use 89/183 mm widths and editable vector artwork for line drawings where possible. Photographs need at least 300 dpi at use size. Extended Data has separate format/size rules. The [figure guide](https://research-figure-guide.nature.com/figures/preparing-figures-our-specifications/) recommends RGB and stresses that upsampling cannot improve detail.
372- [PLOS ONE figures](https://journals.plos.org/plosone/s/figures): TIFF/EPS, 300–600 dpi, and explicit width/height limits; inspect the current table rather than assuming generic single/double column widths.
373- [IEEE graphics](https://journals.ieeeauthorcenter.ieee.org/create-your-ieee-journal-article/create-graphics-for-your-article/): use the current graphics guide for dimensions, format, resolution, fonts, and color handling. Do not assume all print editions are grayscale.
374- [Science instructions](https://www.science.org/content/page/instructions-preparing-initial-manuscript) and [Cell author resources](https://www.cell.com/cell/authors): exact dimensions and submission-stage rules must be checked for the manuscript. Science's and Cell's pages blocked automated access during this review; no numeric requirements are asserted here.

Journal-Specific Guidelines

Consult the current instructions for the exact journal and figure category. Avoid treating a local reviewer score or a single resolution value as a publication standard.

  • Nature final submission: main figures use 89/183 mm widths and editable vector artwork for line drawings where possible. Photographs need at least 300 dpi at use size. Extended Data has separate format/size rules. The figure guide recommends RGB and stresses that upsampling cannot improve detail.
  • PLOS ONE figures: TIFF/EPS, 300–600 dpi, and explicit width/height limits; inspect the current table rather than assuming generic single/double column widths.
  • IEEE graphics: use the current graphics guide for dimensions, format, resolution, fonts, and color handling. Do not assume all print editions are grayscale.
  • Science instructions and Cell author resources: exact dimensions and submission-stage rules must be checked for the manuscript. Science's and Cell's pages blocked automated access during this review; no numeric requirements are asserted here.
Raw lines 367 to 375
376## Scientific integrity before styling
378Use source material for every entity, count, and relationship. For [CONSORT 2025](https://www.consort-spirit.org/item-22a-randomized), distinguish allocation, receipt of intervention, discontinuation, follow-up, and the primary-outcome analysis set. For [PRISMA 2020](https://www.prisma-statement.org/prisma-2020-flow-diagram), reconcile records, reports, and studies using the appropriate template. A diagram should not invent omitted numbers or turn a missing outcome into an automatic analysis exclusion.

Scientific integrity before styling

Use source material for every entity, count, and relationship. For CONSORT 2025, distinguish allocation, receipt of intervention, discontinuation, follow-up, and the primary-outcome analysis set. For PRISMA 2020, reconcile records, reports, and studies using the appropriate template. A diagram should not invent omitted numbers or turn a missing outcome into an automatic analysis exclusion.

Raw lines 376 to 379
380## Software-Specific Export Settings

Software-Specific Export Settings

Raw lines 380 to 381
382### AI-Generated Images
384AI-generated diagrams are exported as PNG images and can be included in LaTeX documents using:
386```latex
387\includegraphics[width=\textwidth]{diagram.png}
388```

AI-Generated Images

AI-generated diagrams are exported as PNG images and can be included in LaTeX documents using:

\includegraphics[width=\textwidth]{diagram.png}
Raw lines 382 to 389
390### Python (Matplotlib) Export
392Runnable local example, checked with Matplotlib 3.11.2. Install in a separate environment (`uv run --no-project --isolated --with matplotlib==3.11.2 python example.py`). This produces a schematic from explicit code; it does not vectorize a generated PNG.
394```python
395import matplotlib
396matplotlib.use('Agg')
397import matplotlib.pyplot as plt
399# Set publication quality
400plt.rcParams['font.family'] = 'sans-serif'
401plt.rcParams['font.sans-serif'] = ['DejaVu Sans']
402plt.rcParams['font.size'] = 8
403plt.rcParams['pdf.fonttype'] = 42 # TrueType fonts in PDF
405fig, ax = plt.subplots(figsize=(3.5, 2.0))
406ax.annotate('Input', (0.2, 0.5), ha='center', bbox={'boxstyle': 'round', 'fc': 'white'})
407ax.annotate('Output', (0.8, 0.5), ha='center', bbox={'boxstyle': 'round', 'fc': 'white'})
408ax.annotate('', (0.65, 0.5), (0.35, 0.5), arrowprops={'arrowstyle': '->'})
409ax.set_axis_off()
411# Save with proper DPI and cropping
412fig.savefig('diagram.pdf', dpi=300, bbox_inches='tight',
413 pad_inches=0.1, transparent=False)
414fig.savefig('diagram.png', dpi=300, bbox_inches='tight')
415plt.close(fig)
416```

Python (Matplotlib) Export

Runnable local example, checked with Matplotlib 3.11.2. Install in a separate environment (uv run --no-project --isolated --with matplotlib==3.11.2 python example.py). This produces a schematic from explicit code; it does not vectorize a generated PNG.

import matplotlib
matplotlib.use('Agg')
import matplotlib.pyplot as plt

# Set publication quality
plt.rcParams['font.family'] = 'sans-serif'
plt.rcParams['font.sans-serif'] = ['DejaVu Sans']
plt.rcParams['font.size'] = 8
plt.rcParams['pdf.fonttype'] = 42  # TrueType fonts in PDF

fig, ax = plt.subplots(figsize=(3.5, 2.0))
ax.annotate('Input', (0.2, 0.5), ha='center', bbox={'boxstyle': 'round', 'fc': 'white'})
ax.annotate('Output', (0.8, 0.5), ha='center', bbox={'boxstyle': 'round', 'fc': 'white'})
ax.annotate('', (0.65, 0.5), (0.35, 0.5), arrowprops={'arrowstyle': '->'})
ax.set_axis_off()

# Save with proper DPI and cropping
fig.savefig('diagram.pdf', dpi=300, bbox_inches='tight', 
            pad_inches=0.1, transparent=False)
fig.savefig('diagram.png', dpi=300, bbox_inches='tight')
plt.close(fig)
Raw lines 390 to 417
Runs code python example.py :392
418### Schemdraw Export
420Checked with Schemdraw 0.23 and Matplotlib 3.11.2. Install `schemdraw[matplotlib]` in an isolated environment. The SVG backend alone cannot save PDF/PNG; choose the Matplotlib backend for this example. See [the drawing API](https://schemdraw.readthedocs.io/en/latest/classes/drawing.html).
422```python
423import matplotlib
424matplotlib.use('Agg')
425import schemdraw
426import schemdraw.elements as elm
428d = schemdraw.Drawing(canvas='matplotlib', show=False)
429d += elm.Resistor().label('1 kΩ')
430d += elm.Capacitor().down().label('10 µF')
431d += elm.Ground()
433# Export
434d.save('circuit.svg') # Vector
435d.save('circuit.pdf') # Vector
436d.save('circuit.png', dpi=300) # Raster
437```

Schemdraw Export

Checked with Schemdraw 0.23 and Matplotlib 3.11.2. Install schemdraw[matplotlib] in an isolated environment. The SVG backend alone cannot save PDF/PNG; choose the Matplotlib backend for this example. See the drawing API.

import matplotlib
matplotlib.use('Agg')
import schemdraw
import schemdraw.elements as elm

d = schemdraw.Drawing(canvas='matplotlib', show=False)
d += elm.Resistor().label('1 kΩ')
d += elm.Capacitor().down().label('10 µF')
d += elm.Ground()

# Export
d.save('circuit.svg')  # Vector
d.save('circuit.pdf')  # Vector
d.save('circuit.png', dpi=300)  # Raster
Raw lines 418 to 438
439### Inkscape Command Line
441Current flags follow the [Inkscape manual](https://inkscape.org/doc/inkscape-man.html); the old `--export-png` and `--export-pdf` forms should not be used. These optional commands require Inkscape and were documentation-checked only.
443```bash
444# SVG to PNG (illustrative: Inkscape is not installed in the validation environment)
445inkscape diagram.svg --export-type=png --export-filename=diagram.png --export-dpi=300
447# SVG to PDF (preserves vector elements from the SVG)
448inkscape diagram.svg --export-type=pdf --export-filename=diagram.pdf
449```

Inkscape Command Line

Current flags follow the Inkscape manual; the old --export-png and --export-pdf forms should not be used. These optional commands require Inkscape and were documentation-checked only.

# SVG to PNG (illustrative: Inkscape is not installed in the validation environment)
inkscape diagram.svg --export-type=png --export-filename=diagram.png --export-dpi=300

# SVG to PDF (preserves vector elements from the SVG)
inkscape diagram.svg --export-type=pdf --export-filename=diagram.pdf
Raw lines 439 to 450
451## Version Control Best Practices
453**Keep Source Files**
454- Save original .tex, .py, or .svg files
455- Use descriptive filenames with versions
456- Document color palette and style choices
457- Include README with regeneration instructions
459**Directory Structure**
460```
461figures/
462├── source/ # Editable source files
463│ ├── diagram1.tex
464│ ├── circuit.py
465│ └── pathway.svg
466├── generated/ # Auto-generated outputs
467│ ├── diagram1.pdf
468│ ├── circuit.pdf
469│ └── pathway.pdf
470└── final/ # Final submission versions
471 ├── figure1.pdf
472 └── figure2.pdf
473```
475**Git Tracking**
476- Track source files (.tex, .py)
477- Consider .gitignore for generated PDFs (large files)
478- Use releases/tags for submission versions
479- Document generation process in README

Version Control Best Practices

Keep Source Files

  • Save original .tex, .py, or .svg files
  • Use descriptive filenames with versions
  • Document color palette and style choices
  • Include README with regeneration instructions

Directory Structure

figures/
├── source/          # Editable source files
│   ├── diagram1.tex
│   ├── circuit.py
│   └── pathway.svg
├── generated/       # Auto-generated outputs
│   ├── diagram1.pdf
│   ├── circuit.pdf
│   └── pathway.pdf
└── final/          # Final submission versions
    ├── figure1.pdf
    └── figure2.pdf

Git Tracking

  • Track source files (.tex, .py)
  • Consider .gitignore for generated PDFs (large files)
  • Use releases/tags for submission versions
  • Document generation process in README
Raw lines 451 to 480
481## Testing and Validation

Testing and Validation

Raw lines 481 to 482
483### Pre-Submission Tests
485**Visual Tests**
4861. **Print test**: Print at final size, check readability
4872. **Grayscale test**: Convert to grayscale, verify interpretability
4883. **Zoom test**: View at 400% and 25% to check scalability
4894. **Screen test**: View on different devices (phone, tablet, desktop)
491**Technical Tests**
4921. **Font embedding**: Check PDF properties
4932. **Resolution check**: Verify DPI meets requirements
4943. **File size**: Ensure under journal limits
4954. **Format compliance**: Verify accepted format
497**Accessibility Tests**
4981. **Colorblind simulation**: Use tools like Color Oracle
4992. **Contrast checker**: WCAG contrast ratio tools
5003. **Screen reader**: Test alt text (for web figures)

Pre-Submission Tests

Visual Tests

  1. Print test: Print at final size, check readability
  2. Grayscale test: Convert to grayscale, verify interpretability
  3. Zoom test: View at 400% and 25% to check scalability
  4. Screen test: View on different devices (phone, tablet, desktop)

Technical Tests

  1. Font embedding: Check PDF properties
  2. Resolution check: Verify DPI meets requirements
  3. File size: Ensure under journal limits
  4. Format compliance: Verify accepted format

Accessibility Tests

  1. Colorblind simulation: Use tools like Color Oracle
  2. Contrast checker: WCAG contrast ratio tools
  3. Screen reader: Test alt text (for web figures)
Raw lines 483 to 501
502### Tools for Testing
504**Colorblind Simulation**
505- Color Oracle (free, cross-platform)
506- Coblis (Color Blindness Simulator)
507- Photoshop/GIMP colorblind preview modes
509**PDF Inspection**
511Requires Poppler (`pdfinfo`, `pdffonts`, `pdfimages`) and ImageMagick 7 (`magick`). Embedded-image ppi from `pdfimages -list` differs from a PNG's density metadata; it reflects placement in that PDF.
512```bash
513# Check PDF properties
514pdfinfo diagram.pdf
516# Check fonts
517pdffonts diagram.pdf
519# Inspect embedded raster resolution in a PDF (Poppler)
520pdfimages -list diagram.pdf
522# Inspect pixel dimensions and density metadata of the generated PNG (ImageMagick 7)
523magick identify -verbose diagram.png
524```
526**Contrast Checking**
527- WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/
528- Colorable: https://colorable.jxnblk.com/

Tools for Testing

Colorblind Simulation

  • Color Oracle (free, cross-platform)
  • Coblis (Color Blindness Simulator)
  • Photoshop/GIMP colorblind preview modes

PDF Inspection

Requires Poppler (pdfinfo, pdffonts, pdfimages) and ImageMagick 7 (magick). Embedded-image ppi from pdfimages -list differs from a PNG's density metadata; it reflects placement in that PDF.

# Check PDF properties
pdfinfo diagram.pdf

# Check fonts
pdffonts diagram.pdf

# Inspect embedded raster resolution in a PDF (Poppler)
pdfimages -list diagram.pdf

# Inspect pixel dimensions and density metadata of the generated PNG (ImageMagick 7)
magick identify -verbose diagram.png

Contrast Checking

  • WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/
  • Colorable: https://colorable.jxnblk.com/
Raw lines 502 to 529
530## Summary: Golden Rules
5321. **Vector first**: Always use vector formats when possible
5332. **Design at final size**: Avoid scaling after creation
5343. **Colorblind-safe palette**: Use Okabe-Ito or similar
5354. **Test in grayscale**: Diagrams must work without color
5365. **Minimum 7-8 pt text**: At final print size
5376. **Consistent styling**: Across all figures in paper
5387. **Keep it simple**: Remove unnecessary elements
5398. **High contrast**: Ensure readability
5409. **Align elements**: Professional appearance matters
54110. **Comprehensive caption**: Explain everything

Summary: Golden Rules

  1. Vector first: Always use vector formats when possible
  2. Design at final size: Avoid scaling after creation
  3. Colorblind-safe palette: Use Okabe-Ito or similar
  4. Test in grayscale: Diagrams must work without color
  5. Minimum 7-8 pt text: At final print size
  6. Consistent styling: Across all figures in paper
  7. Keep it simple: Remove unnecessary elements
  8. High contrast: Ensure readability
  9. Align elements: Professional appearance matters
  10. Comprehensive caption: Explain everything
Raw lines 530 to 542
543## Further Resources
545- **Nature Figure Preparation**: https://www.nature.com/nature/for-authors/final-submission
546- **Science Figure Guidelines**: https://www.science.org/content/page/instructions-preparing-initial-manuscript
547- **WCAG Accessibility Standards**: https://www.w3.org/WAI/WCAG22/quickref/
548- **Color Universal Design (CUD)**: https://jfly.uni-koeln.de/color/
549- **ColorBrewer**: https://colorbrewer2.org/
551Check the final artifact in its real manuscript layout; these checks support review but do not guarantee scientific correctness, accessibility, or publisher acceptance.

Further Resources

  • Nature Figure Preparation: https://www.nature.com/nature/for-authors/final-submission
  • Science Figure Guidelines: https://www.science.org/content/page/instructions-preparing-initial-manuscript
  • WCAG Accessibility Standards: https://www.w3.org/WAI/WCAG22/quickref/
  • Color Universal Design (CUD): https://jfly.uni-koeln.de/color/
  • ColorBrewer: https://colorbrewer2.org/

Check the final artifact in its real manuscript layout; these checks support review but do not guarantee scientific correctness, accessibility, or publisher acceptance.

Raw lines 543 to 552