MATH36032 Problem Solving by Computer. Publishable Quality Graphics

Transcription

1 MATH36032 Problem Solving by Computer Publishable Quality Graphics

2 Which format of figures (images) do you know?

3 Which format of figures (images) do you know? Raster formats: png, jpeg, tiff, gif, bmp,... Vector formats: svg,... Container formats (for special graphic softwares): cpt (Corel Photo Paint), psd (Adobe PhotoShop), psp (Corel Paint Shop Pro), xcf (GIMP),... Different formats for different usage: jpeg/jpg for photo; gif for animation;... Other differences: Lossy/lossless compression

4 Raster Image vs Vector Image Any difference between the two logos? (keep on zooming in) Use vector images (eps,svg,...) whenever possible!

5 Exporting jpg directly from MATLAB x = linspace(0,5,101); plot(x,erf(x),x,airy( 5*x)) % Save as "jpg" figure What could be improved for this figure?

6 The improved figure Error Function Airy Function 0.5 f(x) x More points for Airy Function ; increase line width; better resolution; less ticks in horizontal axis(?); extend the vertical axis (above one); legend explaining the curves; different styles for the two functions;...

7 Compare them together Error Function Airy Function 0.5 f(x) x

8 Know the names first Error Function Airy Function 0.5 legend f(x) XTick < xlabel x

9 Default setting and its improvement Narrow line width? plot(..., Linewidth,2) Small font size? (gca : get current axis) set(gca, fontsize,18); Axis label xlabel( x, fontsize,14, fontname, times roman ) Axis Tick set(gca, XTick,0:1:5) More complicated legend? lg = legend( Error Function, Airy Function ); set(lg, Position,[ ],... box, off );

10 Finally, save the right format (for Latex) print -depsc2 myfig.eps print -deps2 myfig.eps % c for color % for black white Warning: What you see on screen may not exactly be the resulting eps or pdf file, need fine tuning of the parameters DO NOT print (or save) to pdf directly (will be a figure in a full A4 paper, too much unwanted space above and below the figure) Figures may look different on different devices (screen, printer, projector,..) or even different viewer.

11 In Microsoft Word, it is done differently... Edit Copy Figure and then Paste (or shortcut Ctrl+V).

12 Color vs Black-white University Printing Costs: A4 mono single-sided 5p A4 mono double-sided (duplex) 8p

13 Color vs Black-white University Printing Costs: A4 mono single-sided 5p A4 mono double-sided (duplex) 8p A4 colour single-sided 21p A4 colour double-sided (duplex) 40p Many publications (journal articles, textbooks,...) are still only black-white.

14 Color, black-white, or does not matter? Two exactly the same figures (using print -depsc2 colorfig.eps and print -deps2 grayfig.eps) x 1 x r r

15 Which color to use? You may never use certain color(s). To differentiate different curves using line styles instead: plot(x,y1, --,x,y2, -*,x,y3, -d, MarkerSize,6);

16 Other vector graphics: Asymptote The footbal The Sierpinski Sponge

17 Other vector graphics: tikz/pgf Editors Pro TEXt TEX MiKTEX pdftex 3 Systems TEX Engines 4 2 TEXLive Mac TEX LuaTEX X TEX E 5 1 Formats 9 ConTEXt L ATEX The mindmap A complete graph

18 Gallery made by me (using Asymptote) Branch point 0.1 p=1.25 p=1.50 p=1.80 p=1.95 R F Branch cut z = x + iǫ W(r) z = x iǫ r ρ F on x R F y v w = f(z) r = r(θ) x u dθ θ τw 1 τw 1 τw 2 τw k x j 1 x j x j+1 x j+2 x j+k b z = z(x) U

19 How the source code looks like? Asymptote code for Football import graph3; size(400); currentlight.background=palegreen; dtrender=render(compression=zero,merge=true); real c=(1+sqrt(5))/2; triple[] x={(0,c,1),(0,-c,1),(0,-c,-1)}; triple[] y={(1,0,c),(1,0,-c),(-1,0,-c)}; triple[] z={(c,1,0),(-c,1,0),(-c,-1,0)}; triple[][] Q= { {z[0],y[1],x[3],x[0],y[0],z[3]}, {z[1],x[0],x[3],y[2],z[2],y[3]}, {z[2],z[1],y[2],x[2],x[1],y[3]}, {z[3],z[0],y[0],x[1],x[2],y[1]}, {x[0],x[3],z[1],y[3],y[0],z[0]}, {x[1],x[2],z[2],y[3],y[0],z[3]}, {x[2],x[1],z[3],y[1],y[2],z[2]}, {x[3],x[0],z[0],y[1],y[2],z[1]}, {y[0],y[3],x[1],z[3],z[0],x[0]}, {y[1],y[2],x[2],z[3],z[0],x[3]}, {y[2],y[1],x[3],z[1],z[2],x[2]}, {y[3],y[0],x[0],z[1],z[2],x[1]} }; path3 p=arc(o,q[0][0],q[0][1]); real R=abs(point(p,reltime(p,1/3)));. Tikz/PGF code for Mindmap \begin{tikzpicture} \path [ mindmap, text = white, level 1 concept/.append style = {font=\large\bfseries, sibling angle=90}, level 2 concept/.append style = {font=\normalsize\bfseries}, level 3 concept/.append style = {font=\small\bfseries}, tex/.style = {concept, ball color=blue, font=\huge\bfseries}, engines/.style = {concept, ball color=green!50!black}, formats/.style = {concept, ball color=blue!50!black}, systems/.style = {concept, ball color=red!90!black}, editors/.style = {concept, ball color=orange!90!black} ] node [tex] {TEX} [clockwise from=0] child[concept color=green!50!black, nodes={engines}] { node {Engines} [clockwise from=90] child { node {\TeX} } child { node {pdf\tex} } child { node {\XeTeX} } child { node {Lua\TeX} }} Much more complicated than a programming language!.

20 Summary Use vector graphics if possible Use the right format Fine tuning the parameters, and pay attention to small details Figures should complement your writing, and should be referred in the main text You can invest your time in more advanced graphics (Asymptote, Tikz/PGF, SVG,xfig,...) in the future.