Unit 3: Figure and availability

Unit 3: Figure and availability#

Topics: Create a figure with Inkscape, annotation, figure legends, and image availability.

Motivation#

After processing the image, the final image figure needs to be created. We recommend doing this in a vector graphics program, such as Inkscape. This facilitates resizing of the image panel and adding labels.

Some journals even require that additional annotations are provided as vector graphics and not burned into the image.

Key considerations#

  • All important annotations present?

  • Are annotations legible?

  • Do annotations not obscure image information?

  • Figure legends document important information (e.g., dimension of scale bar)?

Introduction#

In Unit 1: Visibility and Unit 2: Visibility we have processed an image panel to be included in an image figure.

In

Fig. 40 Processed overview and crop for one panel of an image figure.#

You can download the result of Unit 2: Visibility here: composite_scale.tif and composite_crop_scale.tif.

Typically, we want to present other image panels too, for instance, compare wild type versus a treatment. In this case, the first image is of U2-OS cells treated with DMSO as a control. In our example figure, we now want to compare U2-OS cells treated with Nocodazole acquired with the same settings.

In

Fig. 41 Processed overview and crop for treatment panel of an image figure.#

Note

You can already see one of the challenges with annotations in processed images. Except if all settings are the same, the different annotations are of different font sizes. We will show you how to overcome this issue by modifying and adding annotations in a vector graphics program.

You can download the original image for the treatment here: multichannel_image_treat.tif. Then perform the processing described in Unit 1: Visibility and Unit 2: Visibility.

Important

For an accurate qualitative comparison, the images need to be processed with the same settings.

You can download the result of here: composite_treat_scale.tif and composite_treat_crop_scale.tif.

Figure setup#

Help > Update…

In

Fig. 42 Update Fiji.#

Press: Manage update site

Select Biovoxxel Figure tools

In

Fig. 43 Add Biovoxxel Figure Tool Box.#

Press: Apply and Close.

Restart Fiji and reopen all images for export. You can then export all the images as .svg files:

Plugins > BioVoxxel Figure Tools > Export all images as SVG

In

Fig. 44 Export images as SVG.#

SVG is a vector graphic format that can be loaded and processed in Inkscape. We have prepared a figure template based on an A4 page that includes guides to leave page margins: figure_template.svg

Open the template in Inkscape:

In

Fig. 45 Figure template in inkscape.#

Annotations#

We are now able to load the images exported as SVG into Inkscape. The advantage here is that the images, as well as the included annotations, are full vector graphics. Annotations such as scale bars can be edited, and the images can be resized without interpolation.

Drag and drop SVG files into inkscape.

File > Import…

In

Fig. 46 Import SVG images into inkscape.#

Important

Import images at 300 dpi, as this is the required printing resolution of most journals.

The first step is to resize the image to fit the image figure. When resizing make sure to lock the aspect ratio and resize the image uniformly. After import the annotations can be edited.

Next you can select annotation in Layers and Objects. Unlock the annotation if locked to modify them. Modify the size and location of the annotation.

Important

Ensure that the annotations are legible. Make sure the annotations do not obscure any data.

In

Fig. 47 Import SVG images into inkscape.#

Edit height and location of scale bar. Edit the dimension annotation such that it is uniform and legible across all images.

In

Fig. 48 Scale bar adjusted for height and location. The dimension will be specified in the figure legends.#

Tip

To make annotations simpler in the image, one can specify the physical dimension that the scale bar represents also in the figure legends.

If different image panels have the same scale bar, you can put the scale bar in the first image. Critical is that images of different dimensions (e.g., overview and enlarged) show the correct scale.

In

Fig. 49 Different examples of annotated scale.#

In Inkscape (or any other vector graphics tool), we can then add other annotations. We recommend to add all important anntations that are needed to easily interprete the image figures directly in the image figure. Specifically for multichannel images, an explanation of the colors should be provided. Also, the location of the inset or an enlarged crop should be provided in the overview.

Consider that other annotations, such as cell type and treatment, can help the viewer grasp your results faster.

In

Fig. 50 Example of possible annotations in an image.#

Figure legends#

The figure legends provide further details to explain what the viewer is seeing. They should be focused on the result and provide further critical information to interpret the image, e.g., the dimensions of the scale bar or the use of other annotations.

See below a proposal for an image figure legend:

In

Fig. 51 Nocodazole induces cell death in U2-OS cells: (a) U2-OS cells treated with DMSO only. (b) Cropped image of a single cell treated with DMSO. (c) U2-OS cells treated with Nocodazole at a 5 µM concentration show increased cell death. Note the many small round cells (White Arrowheads). (d) Cropped image of a dead or dying cell. Scale bar represents 100 µm (a) and 20 µm (b).#

Important

Basic image processing, e.g., linear adjustments such as brightness contrast settings, of images shown in image figures should, in general, be explained in the methods.

For advanced or non-linear methods such as adjustment of gamma, median filter, deconvolution, or deep learning based image restrotation (e.g., Noise 2 void) that are not readily obvious to the viewer, should be specified also in the figure legends.

Methods#

The methods should explain the key processing that happened to the image figures. They should also explain and cite the image processing platform, with it used version used, as well as any plugins.

For Fiji, the version can be seen in the taskbar:

In

Fig. 52 Fiji Version in the taskbar.#

Based on this a possible methods section could read:

Image figures were processed using Fiji is just ImageJ (Fiji) (Schindelin et al. 2012) version: 2.16/1.54p. and the BioVoxxel Figure toolbox (Brocher and Mutterer 2026). Following figure publication guidelines (Schmied et al. 2025), images were adjusted for brightness contrast using the same min & max settings over compared channels.

Used brightness and contrast settings:

Channel

Channel Label

Min

Max

1

Mitochondria

308

2484

2

Actin

4

2965

3

Nucleus

36

1270

Citations:

Tip

To make your work easier, you can add the macro that we created in Unit 1: Visibility together with your original and processed images as documentation instead of specifying the brightness contrast settings.

Availability#

In

Fig. 53 Examples of different repositories. Overview provided by Cimini 2023.#

As long as legally or technically feasible, the original images as well as the final processed images should be made available in public repositories. The original images should be provided losslessly compressed. Provided ground truth and manual annotations.