Skip to main content

Inkscape + matplotlib's svg = one strange love child

Heh, heh. Just when my analysis was coming along at a nice clip...

Here is part of figure1 (png shot of)



Here is part of fig2


And here is what happens when I copy fig2 and paste it into fig1


Note that the above figure should look exactly like fig2...
I LOVE Inkscape, I LOVE matplotlib, and I'm attached to my toolchain, I hope this can be fixed.

UPDATE:
  1. See this thread
  2. Mike has fixed the problem is SVN - you should replace the backend_svg.py with the one linked in Mike's post.

Comments

  1. Got a reply from Mike on the matplotlib-users mailing list:


    When matplotlib outputs an SVG, each unique character is assigned a numeric id (these are just assigned in order), and inserted as a "def", and then "use"d (referenced) wherever they are used.

    When you paste on SVG into another, those names clash, and Inkscape is pulling in the wrong characters when it goes to draw.

    Now, my gut feels that this is actually a bug in Inkscape -- pasting of referenced objects from one file into another should reassign new ids. However, I'm not an SVG expert, so I could be wrong, but I think I will take this question over to the Inkscape mailing list anyway.

    That said, there are probably some workarounds that matplotlib could make (using a hash of the character's content as the id, for instance). I'll look into that and reply when progress has been made.

    Mike

    ReplyDelete
  2. SVG is a great basis for cooperation between designers and coders (of for example web apps). Now SVG is becoming more mainstream, one of the advantages of being an open standard becomes more visible: easier cooperation. One of the 'disadvantages' however is that certain implied constraints ON the content, or allowed errors IN the content for one program could easily give trouble in the next program. Number of eyeballs with network effect ++. And this is 'only' a visual example of such a thing. If you also care about semantics or code readability, there's more to gain from SVG, plus more for SVG programs to actually make you enjoy it fully.

    ReplyDelete
  3. Save the figures as PDF and open them in Inkscape. The text is saved as real text, rather than as paths.

    Unfortunately, the image is not structured as nicely with groups anymore...

    ReplyDelete

Post a Comment

Popular posts from this blog

Flowing text in inkscape (Poster making)

You can flow text into arbitrary shapes in inkscape. (From a hint here).

You simply create a text box, type your text into it, create a frame with some drawing tool, select both the text box and the frame (click and shift) and then go to text->flow into frame.

UPDATE:

The omnipresent anonymous asked:
Trying to enter sentence so that text forms the number three...any ideas?
The solution:
Type '3' using the text toolConvert to path using object->pathSize as necessaryRemove fillUngroupType in actual text in new text boxSelect the text and the '3' pathFlow the text

Pandas panel = collection of tables/data frames aligned by index and column

Pandas panel provides a nice way to collect related data frames together while maintaining correspondence between the index and column values:


import pandas as pd, pylab #Full dimensions of a slice of our panel index = ['1','2','3','4'] #major_index columns = ['a','b','c'] #minor_index df = pd.DataFrame(pylab.randn(4,3),columns=columns,index=index) #A full slice of the panel df2 = pd.DataFrame(pylab.randn(3,2),columns=['a','c'],index=['1','3','4']) #A partial slice df3 = pd.DataFrame(pylab.randn(2,2),columns=['a','b'],index=['2','4']) #Another partial slice df4 = pd.DataFrame(pylab.randn(2,2),columns=['d','e'],index=['5','6']) #Partial slice with a new column and index pn = pd.Panel({'A': df}) pn['B'] = df2 pn['C'] = df3 pn['D'] = df4 for key in pn.items: print pn[key] -> output …

Drawing circles using matplotlib

Use the pylab.Circle command

import pylab #Imports matplotlib and a host of other useful modules cir1 = pylab.Circle((0,0), radius=0.75, fc='y') #Creates a patch that looks like a circle (fc= face color) cir2 = pylab.Circle((.5,.5), radius=0.25, alpha =.2, fc='b') #Repeat (alpha=.2 means make it very translucent) ax = pylab.axes(aspect=1) #Creates empty axes (aspect=1 means scale things so that circles look like circles) ax.add_patch(cir1) #Grab the current axes, add the patch to it ax.add_patch(cir2) #Repeat pylab.show()