{"id":1648,"date":"2024-01-04T15:04:34","date_gmt":"2024-01-04T20:04:34","guid":{"rendered":"https:\/\/blog.uvm.edu\/tbplante\/?p=1648"},"modified":"2024-01-24T14:10:26","modified_gmt":"2024-01-24T19:10:26","slug":"merging-stata-and-r-svg-vector-figures-for-publication-using-inkscape-saving-as-svg-or-eps-files","status":"publish","type":"post","link":"https:\/\/blog.uvm.edu\/tbplante\/2024\/01\/04\/merging-stata-and-r-svg-vector-figures-for-publication-using-inkscape-saving-as-svg-or-eps-files\/","title":{"rendered":"Merging Stata and R SVG vector figures for publication using Inkscape, saving as SVG or EPS files"},"content":{"rendered":"\n

I recently needed to make a figure for publication and the publisher didn’t like the resolution of the figure that I provided. One option is to increase the number of pixels of the rendered figure (eg increasing the width and height), the other is to create a figure using vectors that can be zoomed in as much as you want without losing quality so the journal can render the figure however they want. When you generate a PNG, JPEG, or TIFF figure, it renders\/rasterizes the figure using pixels. Vectors instead embed lines using mathematical formulas, so the rendering of the figure isn’t tied to a specific resolution, and zooming in and out will redraw the lines at the current resolution of the screen. The widely-adopted SVG vector format should be universally accepted as a figure format by publishers, but isn’t for some dumb reason. PDFs and PS\/EPS files can also handle vectors and are sometimes accepted by journals but require proprietary software (usually) to render. PS\/EPS files are also annoying in that they don’t embed non-standard characters correctly (e.g., beta, gamma, alpha, delta characters). <\/p>\n\n\n\n

Stata and R can easily output SVG files. The excellent and free Inkscape<\/a> app\/program can manipulate these to create merged SVG, PS, EPS, or PDFs that can then be provided to a journal. Inkscape is also nice because it will help you get around the problems with non-standard characters not rendering correctly in PS\/EPS files since you can export nonstandard characters from SVG files as paths in PS\/EPS files. I’m a GIMP proponent for most things but think Inkscape blows GIMP out of the water for manipulating vector images. <\/p>\n\n\n\n

Here’s how I manipulated SVG files to make an EPS file to submit to a journal. <\/p>\n\n\n\n

Step 1: In Stata or R, export your figure as an SVG file<\/h2>\n\n\n\n

In Stata, after making your figure, you type –graph export “MYFILENAME.svg”, replace fontface(“YOUR PREFERRED FONT”) — For my figure, I needed to provide Times New Roman, so the fontface was “Times New Roman”. Note that you can’t specify a width for an SVG file. Type –help graph export– to view general export details and details specific for exporting SVG figures.<\/p>\n\n\n\n

In R, use the the svglite package that you can read about here<\/a>. <\/p>\n\n\n\n

Step 2: Importing your SVGs in Inkscape<\/h2>\n\n\n\n

Download and install Inkscape<\/a> if you haven’t already. To begin, make a new document by clicking File –> New. Change the dimensions under File –> Document Properties. I’m arbitrarily selecting US Letter and changing the format from mm to in, so I have an 8.5×11 in figure. I can change this later. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Now set the background as White, clicking the page button and then typing in 6 f letters in a row (ffffff) if it isn’t already like this. That’s the hexadecimal code for white in RGB. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Now import your figures under file –> import. If you have an R figure, do that one first. After you select your figure, you’ll see this pop up. I set the rendered SVG DPI to 600 and left everything else as default. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You’ll see that you’ve imported your figure, but it might be a bit bigger than your layer. That’s fine, just go back to file –> document properties and select the “resize to content” button to fix this. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You’ll notice that these R figures have black boxes where the main graphic should be. This is apparently a bug in how R outputs SVG files (I didn’t make these specific files so I’m not sure if it’s also a bug with the svglite package). It’s pretty simple to fix, and is detailed here<\/a>. It turns out that there’s a layer piece of the figure that R doesn’t specify should be transparent, so Inkspace renders it as black. if you have this problem, follow these steps: <\/p>\n\n\n\n

    \n
  1. Click on your figure then ungroup with shift+ctrl+g (or object –> ungroup). <\/li>\n\n\n\n
  2. Now open layers window on the right (if you don’t see it, open it up with layer –> layers and objects). <\/li>\n\n\n\n
  3. With the “selector tool” (the mouse), click the black box and see which layer is selected. Expand that layer and find the “rect” in it. <\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    4. If you hover over the “rect” object, you’ll see a little eye icon. This will hide the layer to prove that it’s the offending layer. You’ll be able to see the underlying object. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    5. Now click it again to unhide it. Then, make sure you have selected that rect layer in the layers window, and click the “no fill” option in the bottom left of the screen (the white box with a red X). <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    6. (Optional) Drag a box over your figure to select the entire figure and then regroup it (object –> group or ctrl+g). <\/p>\n\n\n\n

    Now you should be set. I had to repeat the fill color steps for the other box in this figure before regrouping BTW. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Now that I’ve fixed the R bug (hopefully this doesn’t happen to you), I’ve imported my Stata file. It comes in waaay smaller than the R one, which is fine. I’ve placed it below the other file and then (1) click on the new image so I see in\/outward facing arrows, then (2) hold down CTRL+shift and select and drag the corner arrow to expand it while preserving the ratio. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    I’ve imported another figure below that one. I’ve more-or-less eyeballed the layout and size of these layers, but I can fine-tune the size so they match each other. (1) click on the first figure you want to resize, then (2) click on the little deadbolt figure to lock the proportions — aka so width and height change at the same time, then (3) manually change the width to whatever you want. Then (4) repeat those steps for the other figure, and specify the same width as in step 3. Now you can move around the images so they are placed nicely. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Now you’ll want to expand the document layer so it’s the size of all of the added figures. To do that, (1) select all layers with ctrl-a or edit –> select all, then (2) go to file –> document properties, and (3) click on the “resize to content” button. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Now your layer should perfectly match the size of your figures. <\/p>\n\n\n\n

    Step 3: Adding overlaying text<\/h2>\n\n\n\n

    I want to add the letters “A” and “B” to this figure since it’s two separate panels. The text tool on the left (capital “A”) allows to add text. So, (1) click the text tool, then (2) choose your font, (3) choose the text size, here 120, (4) select the font color in the bottom left, here black, then (5) click where you want to add your text, and start typing. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    You might not get the placement perfect the first time. If you need to move it around, click the selector tool\/mouse cursor icon on the top left to move the added text layer around. If you want to edit the text, select the text tool again and re-select your added text. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    If your text is outside of the bounds of your document layer, you might want to “resize to content” button one more time (hit ctrl-a then go to file –> document properties, and hit the “resize to content” button). <\/p>\n\n\n\n

    Step 4: Saving and exporting<\/h2>\n\n\n\n

    Step 4a: Saving as SVG for future editing with Inkscape<\/h3>\n\n\n\n

    Inkscape’s default file format is an SVG, so I recommend saving your file as an SVG to start. Do that with ctrl+s or file –> save.<\/p>\n\n\n\n

    Step 4b: Saving as EPS, which is the file you’ll want to send to the publisher<\/h3>\n\n\n\n

    The semi-proprietary EPS format is typically accepted by publishers, so you’ll want to generate this one to send off to the journal. This is done under the file –> “save as…” option (or shift+ctrl+s). In the dropdown, select “encapsulated post script (*.eps)”. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    On this popup, I unchecked the button next to rasterize filter effects, I selected embed fonts. If you are using nonstandard characters (e.g., alpha, beta, gamma, delta), instead check the “convert text to paths” button. This will change the text so that it’s vectors drawn on the image and not actual font-based text. Set the resolution for rasterization to 600 DPI. Hopefully nothing is actually rasterized since avoiding rasterization was the point of this little exercise. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Note that you’ll now have 2 separate files, one SVG and one EPS (if you did both steps 4a and 4b), so for any additional edits, you’ll want to remember to overwrite your SVG and your EPS files<\/em><\/strong>. <\/p>\n\n\n\n

    Step 4c (optional): Export <\/em>as PDF so you can share the figure with coauthors<\/h3>\n\n\n\n

    You might want to also save as a PDF since people are familiar with these. I don’t know that I would provide a PDF to a journal, probably just an EPS file. It’s nice to have PDFs to share with coauthors since they are such universally-accepted file formats. Instead of using the “save as…” option, I recommend using the file –> export option (shift+ctrl+e) to export. This will pop up an export window on the bottom right. Set your directory, select file type as PDF, then click on the little settings icon. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    On the settings pop-up, I selected “no” for rasterize filter effects. Embedding the fonts might be preferable to converting text to paths since it will retain compatibility with screen reading software. Set the DPI to 600. I also left the default for compensating for rounding. Whatever that means. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Then pop out of that window and click the big export button and you’re done!<\/p>\n\n\n\n

    \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

    I recently needed to make a figure for publication and the publisher didn’t like the resolution of the figure that I provided. One option is to increase the number of pixels of the rendered figure (eg increasing the width and height), the other is to create a figure using vectors that can be zoomed in … Continue reading Merging Stata and R SVG vector figures for publication using Inkscape, saving as SVG or EPS files<\/span><\/a><\/p>\n","protected":false},"author":4473,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[703485,703483,703488,703486,686197,502556,703484,703487],"class_list":["post-1648","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-eps","tag-inkscape","tag-merging-figures","tag-publication-figures","tag-r","tag-stata","tag-svg","tag-vectors"],"_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/posts\/1648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/users\/4473"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/comments?post=1648"}],"version-history":[{"count":7,"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/posts\/1648\/revisions"}],"predecessor-version":[{"id":1711,"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/posts\/1648\/revisions\/1711"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/media?parent=1648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/categories?post=1648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uvm.edu\/tbplante\/wp-json\/wp\/v2\/tags?post=1648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}