Take the 2-minute tour ×
Mathematica Stack Exchange is a question and answer site for users of Mathematica. It's 100% free, no registration required.

My question is related to Change all Options of Plot Dynamically where Mathematica remembers the series of changes in the appearance of a drawing using Plot or similar commands like ParametricPlot etc. I would like to generalize my question:

I want to use the Show command for making a nice drawing. I am going to use Plot, ParametricPlot, ListPlot, Graphics, etc., so I need

  1. a popup menu with these commands

  2. An InputField for the data or functions or graphics primitives to be ploted and

  3. a popup menu with the corresponding options. For example, if I select ParametricPlot then I will take the list of options for this command. The series of changes in the drawing have to be "recorded" so that the user could make any possible adjustments at any time!

How would I build such a canvas on which the plots can be added and modified step-by-step?

share|improve this question
You are asking how to build a mini app. I think you should display the latest version of your code so we can see where you are up to. –  Mike Honeychurch Nov 6 '13 at 20:55
@DavidPark is your answer lost forever or can you simply not post it due to closure? There is always an option to reopen (which is ongoing now). –  Yves Klett Nov 7 '13 at 15:02
@David One of the nice things about this site is that most of the moderation is community managed, and for the most part, democratic. Like in any democracy, there will be people who dislike some of the decisions (closures) and others who feel that things don't go far enough. The difference though, is that here we are willing to listen to reason and re-evaluate decisions. So all you really had to do was to ask nicely here/in chat/via a flag that the question be reopened so that you could post your answer, and we would've done it. There is no need for name calling... The post is now open. Enjoy. –  rm -rf Nov 7 '13 at 16:42
@rm-rf I have to thank you for expanding on my comment as that is what I was thinking at that moment, but sadly missed the ongoing discussion and the chance to explain the reasons behind my actions. I realise that this is a good question, that it will add that "finished look" to your apps, but the way it was presented... - "This is your homework, you have two days.". –  Sektor Nov 7 '13 at 17:21
@Peltio Also, this is a community site... everyone plays a part in it. If you see a question that was closed as "Unclear what you're asking" and you think you have a clear idea of what the OP wants (but doesn't twist the question), then why not edit it to improve it? That would've greatly increased chances of reopening... If all people do is to say that others have a fast trigger, then that's not useful. We have an equally fast "reopen trigger"; it just needs to be used. –  rm -rf Nov 7 '13 at 18:32
show 18 more comments

2 Answers

This may help get you started. I once did something similar, but with a different UI, for my multivariable calculus class, but the students' inclination to make things as complicated as possible was sometimes greater than my ability to fix bugs. It was easier and more useful to teach those students how to use Mathematica.

I did not incorporate the popup menu for editing options from my answer here. This was to keep the focus here on adding and editing graphics objects. Since it is the OP's project, I felt that the decisions involved in incorporating such functionality belonged in the OP's hands.

Some sort of simple database seemed needed, which is maintained in the variable allplots. I opted for the following as the basic entry:

{ graphics head, graphics arguments, options, evaluated plot }

The evaluated plot is included so that the code is evaluated only once after the arguments or options are edited. The first entry in allplots is used only for editing options to pass to Show that affect the overall plot.

I didn't spend much time figuring out just which control structures/variables are best. As a result, there are somewhat kludgy dummy variables used merely as an easy way to label the controls that allow the editing of parts of a database entry (graphics, options) and adding a new graphic. Again the OP can decide the exact UI that is desired.

A delete button would be a nice addition.

   $head = 1,
   $args = 2,
   $opts = 3,
   $plot = 4},
  Show[If[Length@allplots > 1, allplots[[2 ;; -1, $plot]], 
        Graphics[]], ReleaseHold@allplots[[1, $opts]]],

  {{allplots, {{Graphics, Null, {}, Graphics[{}]}}, None},
  {{edit, 1}, 
   Thread[Range[Length@allplots] -> 
      Show[#, Ticks -> None, FrameTicks -> None, ImageSize -> 40] & /@
        allplots[[2 ;; -1, $plot]]]], PopupMenu},
      {{graphics, Null},(* dummy variable *)
       InputField[Dynamic[allplots[[edit, $args]], 
           (allplots[[edit, $args]] = #; 
            allplots[[edit, $plot]] = allplots[[edit, $args]] /.
             {Null -> Graphics[{}], 
              Hold[{args__}] :> allplots[[edit, $head]][args,
                 Evaluate @ ReleaseHold @ allplots[[edit, $opts]]]}) &], 
         Hold[Expression], Enabled -> edit > 1, ImageSize -> Full, 
         FieldHint -> "select graphics to edit"] &},
      {{options, Null},(* dummy variable *)
       InputField[Dynamic[allplots[[edit, $opts]],
           (allplots[[edit, $opts]] = #; 
            allplots[[edit, $plot]] = allplots[[edit, $args]] /.
             {Null -> Graphics[{}], 
              Hold[{args__}] :> allplots[[edit, $head]][args,
                 Evaluate @ ReleaseHold @ allplots[[edit, $opts]]]}) &], 
     Hold[Expression], ImageSize -> Full] &},
  {{new, Null},(* dummy variable *)
     Dynamic[new, createObj[#, allplots] &], {Graphics, Plot, ParametricPlot, ListPlot}] &},

  Initialization :> ( (* structure: { head, Hold[{args}], opts, Graphics } *)
   defaultObj[Graphics] = {Graphics, Hold[{{}}], {}, Graphics[{}]};
   defaultObj[Plot] = {Plot, Hold[{x, {x, 0, 1}}], {}, Plot[x, {x, 0, 1}]};
   defaultObj[ParametricPlot] = {ParametricPlot, Hold[{{t, t^2}, {t, 0, 1}}], {}, 
    ParametricPlot[{t, t^2}, {t, 0, 1}]};
   defaultObj[ListPlot] = {ListPlot, Hold[{{{0., 0.}, {0.5, 0.7}, {1., 1.}}}], {}, 
    ListPlot[{{0., 0.}, {0.5, 0.7}, {1., 1.}}]};
   SetAttributes[createObj, HoldAll];
   createObj[head_, database_] := AppendTo[database, defaultObj[head]]

Mathematica graphics

Note on edit

One of the subtle things about Manipulate that can frustrate the unaware programmer is that controls are formatted before the Initialization code is executed. That means that the code for the controls should not depend on definitions in the Initialization code. From a fresh kernel, the old control declaration,

{{allplots, {ReplacePart[defaultObj[Graphics], {$args -> Null, $opts -> {}}]}}, None},

initializes allplots to {defaultObj[Graphics]} (literally). Whenever it is used later, after Initialization, it evaluates to

{{Graphics, Hold[{{}}], {}, Graphics[{}]}}}

I had intended it to be as above, with the second element Null so that the field hint is displayed in the InputField for graphics whenever "Overall" is selected.

share|improve this answer
Dear Michael. Thank you for your answer. Its somehow annoying when I take the following message: Show::gcomb: Could not combine the graphics objects etc Is it possible to "delete" the last drawing that destroyed me work? –  kornaros Nov 13 '13 at 22:35
@kornaros Yes, a delete button would be nice. Try inserting this before the Initialization option: Dynamic@Button["delete", allplots = Delete[allplots, edit], Enabled -> edit > 1], (untested). It would also be nice to test the input first and not generate the messages. For instance you could use Cases to filter out inputs that do not evaluate to have the head Graphics -- but how would you notify the user of the error? This project has a lot such "problems" to solve, if you want it to be "perfect." –  Michael E2 Nov 13 '13 at 22:55
add comment

Mathematica, because of its active and dynamic capabilities, is by orders of magnitude the best method of developing and communicating technical ideas. But for various reasons it is seldom used that way. The poster is interested in better capabilities for custom plots, part of better communication, and I confine my answer to that, with a custom table also thrown in. Communication does often require extended discussion.

Mathematica has excellent underlying graphics facilities. It's weak point is in putting them together to produce custom graphics. It is difficult and confusing as opposed to natural and intuitive. This is why there are so many questions on implementing simple graphical solutions. One of the problems is that Mathematica provides many "set-piece" plots, which are nice if you are within the domain of the plot, but difficult once you stray outside. Also the method of combining plots with Show works but is rather arcane, requiring either graphics level jumping (wrapping primitives in Graphics) or the use of Epilog.

I have for a long time worked on a Mathematica Application called Presentations, which I sell for $50. It is an application designed to aid the production of custom graphics, tables, dynamic presentations, and generally literate notebooks. It has a number of essays on using Mathematica and numerous examples. It is 38 MB in size and has 511 files. It started when Version 3 appeared and, as an exercise in reviewing math and learning Mathematica, I worked all the examples and exercises and reproduced all of the graphics in the Thomas/Finney 9th Edition Calculus text. I realized then that the Mathematica paradigm was awkward and produced the first version, which I called DrawGraphics. (I since changed the name because it goes to many matters beyond graphics.)

One way of using Mathematica is to think of a notebook as blank piece of paper on which you are writing your mathematics, which other people might want to read. Similarly, we might think of a graphic as being drawn on the piece of paper, the original poster's canvas.

Presentations treats graphics as just drawing one thing after another where everything is a graphics primitive. It does this by providing routines, for most of the regular plot types, which extract the primitives. Here is an example, which combines a ContourPlot, a Disk, a Circle, a DensityPlot, a regular Plot, a ParametricPlot, a Contour implicit plot, the points generated by Mathematica for the implicit plot, some Text and various graphics directives. Notice that we are just drawing one thing after another.

<< Presentations`
 {ContourDraw[Sin[x y], {x, -(\[Pi]/2), \[Pi]/2}, {y, -1, 1},
   ColorFunction -> ColorData["Pastel"]],
  Opacity[0.7, ColorData["Legacy", "Orchid"]],
  Disk[{0, 0}, Sqrt[2]/4],
  Circle[{0, 0}, Sqrt[2]/4],
  DensityDraw[Sin[x y], {x, -(1/4), 1/4}, {y, -(1/4), 1/4}, 
   ColorFunction -> Hue, PlotPoints -> 8, Mesh -> 8],
  Draw[Sin[x], {x, -(\[Pi]/2), \[Pi]/2}, 
   PlotStyle -> ColorData["Legacy", "Peacock"]],
  ParametricDraw[{Cos[t], Sin[t]}, {t, 0, 2 \[Pi]},
   PlotStyle -> Red],
  ellipse = ContourDraw[x^2 + 3 y^2 == 1, {x, -1, 1}, {y, -1, 1},
    ContourStyle -> Lighter@Blue],
  Black, AbsolutePointSize[5], 
  Normal[ellipse] /. Line[pts_] :> {Point[pts]},
  Text["DrawGraphics!", Scaled[{0.95`, 0.1`}], {1, -1}]},
 Frame -> True,
 AspectRatio -> Automatic,
 Background -> ColorData["Legacy", "Linen"],
 ImageSize -> 500,
 BaseStyle -> {FontSize -> 12, FontWeight -> "Bold"},
 PlotLabel -> 
  "Combining Plots, Graphics Primitives\n and Graphics Directives"]

enter image description here

The statement in the notebook is the record for drawing the plot. It is the most direct method and it is easy to edit and reevaluate. I would not go for any more complicated method. The various Plot statements are replaced by Draw statements. Among other things, the Draw statements have a limited set of options - only those options that actually affect the primitives being drawn. (So, for example ImageSize would not be an option that would go into a Draw statement.) On the other hand, the options that affect the overall look of the graphic go at the end. The difference between these two types of options is confusing to many users and somewhat confounded in the common use of the Show statement.

In a notebook, the graphics statement could be closed. Presentations provides an EvaluateBelowButton, which can be pasted into a Text cell preceding the graphics statement and which evaluates the cell. This way the boilerplate specifications can be at a natural place in the notebook, but hidden and, if the reader wishes, the cell can be opened to examine the code.

A graphic, such as above, could also be wrapped in a WindowPresentation routine to display it by the side of a notebook. It there is extended discussion in conjunction with the graphic then this prevents it from being scrolled out of view during the discussion.

Another feature of Presentations is the recasting of the various graphics transfornations as more convenient post-fix operations. Here we demonstrate the periodicity of the JacobiCD function by superimposing a translated portion of the function on the original function. We draw and save the real part of the surface first and calculate the periods in each direction.

realsurface =
  Draw3D[Re[JacobiCD[x + I y, 2/3]], {x, -6, 6}, {y, -6, 6},
   Mesh -> None];
xperiod = 4 EllipticK[2/3] // N;
yperiod = 2 EllipticK[1 - 2/3] // N;

Then just combine the original and shifted surface. Because we are always dealing directly with the graphics primitives it is easy to not only combine but also manipulate the objects.

 {Opacity[1, Lighter@HTML@DodgerBlue], realsurface,
  Opacity[1, Orange], 
  realsurface // TranslateOp[{xperiod, yperiod, 0}]},
 NeutralLighting[0.3, 0.6, 0],
 PlotRange -> {-2, 2},
 Axes -> True,
 AxesLabel -> {x, y, Re},
 BoxRatios -> {1, 1, 1/4},
 ImageSize -> 400]

enter image description here

An important area of graphics is the representation of complex functions. Here it is convenient to deal directly with complex values, rather than having to squeeze everything through the x + I y filter. The following is an example. We make a plot in the complex plane and save the graphics primitives. (ComplexPolar is just a modulus/argument form of a complex number.)

 {graphics2D = {DrawPolarMap[
     z, {z, ComplexPolar[1, 0], ComplexPolar[5, 2 \[Pi]]}],
    Red, ComplexCurve[2 + 3 E^(I \[Theta]), {\[Theta], 0, 2 \[Pi]}],
    Blue, ComplexCurve[3 + 2 E^(I \[Theta]), {\[Theta], 0, 2 \[Pi]}]}},
 Frame -> True,
 ImageSize -> 300]

enter image description here

Then we map this to the Riemann sphere.

  graphics2D // StereographicMap},
 ImageSize -> 300]

enter image description here

So I would hesitate to start designing pop-up windows and InputFields to write graphics. Graphical needs are just far too wide to design some kind of "box" to fit them into. Good graphics require detailed specification and most good graphics are unique. It is better just to have convenient routines to provide common functions and put things together. Edward Tufte, the great designer of data presentations writes: "Those who discover an explanation are often those who construct its representation." It's worth the effort.

There is, in reference to the poster's request, one pop-up item in Presentations, the OptionsFinder. (This routine was contributed by Thomas Münch and Syd Geraghty.) You can click in a name of a routine, in your code, and OptionsFinder will give a list of all the options for that routine (Mathematica routines and loaded package routines). The list will display the default option and there is a link that displays the usage message. Clicking on the link will bring up the help page for the option (if there is one). There is also a link to bring up the help page for the routine. You can also paste the option directly into your code. I use this quite a lot.

The Presentations Application also has a palette that gives quick access to all the routines, with direct links to the individual help pages, and drop-down menus for pasting templates for the various forms of commands.

Graphics is only one example of writing literate notebooks and as a last example I would like to mention one other area - that of composing custom tables. A great deal of information is better presented in tables than with graphics. The Mathematica construct for this is Grid but I wonder how many users actually use Grid, or Mathematica at all, to make custom tables. Most of the specification of a table is done through the use of options, and they are extremely arcane. Presentations has a TableMaker section in which one can compose tables a bit like composing graphics. You specify the content and how you want various parts of the table to look. The following is adapted from the first table I found in Arfken & Weber, Mathematical Methods for Physics, Fifth Edition, 2001, Academic Press. It concerns the particles in the "eightfold way". The original was somewhat confusing. TableMaker also brings up an interactive window showing the current Grid and with buttons that will paste addresses into the code. The Presentations palette has templates for pasting all the commands shown below.

eightfoldgrid =
 MakeTable[eightfold, 9, 6][
  (* Column and group headings *)
    2}, {{"Y", "I", "Particle", "Mass (" <> TMAlign <> "MeV)", 
     "\!\(\*SubscriptBox[\(I\), \(3\)]\)"}}],
  TMSpanMatrix["\[CapitalXi]", {2, 1}, {3, 1}],
  TMSpanMatrix["\[CapitalSigma]", {4, 1}, {6, 1}],
  TMSubmatrix[{7, 1}, {{"\[CapitalLambda]"}}],
  TMSpanMatrix["N", {8, 1}, {9, 1}],

  (* Y Hypercharge values *)
  TMSpanMatrix[-1, {2, 2}, {3, 2}],
  TMSpanMatrix[0, {4, 2}, {6, 2}],
  TMSubmatrix[{7, 2}, {{0}}],
  TMSpanMatrix[1, {8, 2}, {9, 2}],

  (* I Isospin values  *)
  TMSpanMatrix[1/2, {2, 3}, {3, 3}],
  TMSpanMatrix[1, {4, 3}, {6, 3}],
  TMSubmatrix[{7, 3}, {{0}}], TMSpanMatrix[1/2, {8, 3}, {9, 3}],

  (* Particles, masses and isospin component *)
  TMSubmatrix[{2, 4}, 
   Transpose@{{Superscript["\[CapitalXi]", "-"], 
      Superscript["\[CapitalXi]", 0], 
      Superscript["\[CapitalSigma]", "-"], 
      Superscript["\[CapitalSigma]", 0], 
      Superscript["\[CapitalSigma]", "+"], "\[CapitalLambda]", "n", 
  TMSubmatrix[{2, 5}, 
   Transpose@{{1321.32, 1314.9, 1197.43, 1192.55, 1189.37, 1115.63, 
      939.566, 938.272}}],
  TMSubmatrix[{2, 6}, Transpose@{{-1/2, 1/2, -1, 0, 1, 0, -1/2, 1/2}}],

  (* Alignment using AlignmentPoint in the fourth column *)
  TMAlignment["Block", ".", {2, 5}, {9, 5}],
  TMAlignment["Item", TMAlign, {1, 5}],
  (* Improve last column with alignment, width and Spacings *)
  TMAlignment["Block", {Right, Center}, {2, 6}, {9, 6}],
  TMItemSize["Column", 2, {1, 6}],
  TMSpacings["Column", 2, {1, 6}, After],

  (* Frames and FrameDividers *)
  TMDividers["Column", GrayLevel[0.7], #, After] & /@ {{1, 3}, {1, 
     4}, {1, 5}},
  TMFrame["ColumnDivider", GrayLevel[0.7], {1, 2}],
  TMDividers["Row", GrayLevel[0.5], #, After] & /@ {{3, 4}, {6, 
     4}, {7, 4}},
  TMFrame["Block", Black, {1, 2}, {1, 6}],
  TMFrame["Block", Black, {2, 1}, {9, 6}],

  (* Backgrounds *)
  TMBackground["Block", ColorData["HTML"]["Wheat"], {1, 2}, {1, 6}],
   ColorData["HTML"]["LightCyan"], {2, 1}, {3, 6}],
  TMBackground["Block", Lighter[Yellow, .7], {4, 1}, {6, 6}],
  TMBackground["Row", ColorData["HTML"]["LightCyan"], {7, 1}],
  TMBackground["Block", Lighter[Yellow, .7], {8, 1}, {9, 6}],

  TMOptions[ItemStyle -> {Bold}],
  TMItemSize["Rows", 1.5]

enter image description here

I know there are many who object to paying for third party software, no matter how modest the price, but one has to ask if that is fair. Many, but not all, of the routines in Presentations are convenience routines, which you could program for yourself. Again you have to ask yourself how much your time is worth? - quite a lot actually!

share|improve this answer
I'm sorry but as always, you miss the question completely and post an unrelated answer that's an advertisement to your software. OP clearly said that they wanted to include popups, list of options, input fields, etc. to make a self-contained app, and your answer does not mention any of that! The problem has never really been an objection to 3rd party software. There are plenty of others with stuff for sale/free that are doing just fine here. Rather the problem most people have is when you miss an opportunity for an excellent teaching moment and use it instead for a boring sales pitch [1/4] –  rm -rf Nov 7 '13 at 18:18
With your earlier cries of "narrow mindedness" of interpretation and "bigotry" shown by the site users, I thought that your answer was going to be general and actually answer the question in detail, which was "How do I make a drawing canvas". Instead, your answer showed the same narrow mindedness in interpretation and only demonstrates what can be done with your package. It completely ignores the requirements of the question. Usually, apps like the OP's are not designed for communication (like in a journal paper), but for easy viewing, plotting and interactive exploration by newbies. [2/4] –  rm -rf Nov 7 '13 at 18:19
A good answer to this question would have 1) Shown the basic steps of designing a canvas from scratch in vanilla Mathematica, talked about things to consider (such as the different coordinate systems, scaled coordinates, ticks, labeling, re-styling without re-plotting, etc.) 2) Indicated how that could be extended in ways that the OP wants (popups, dropdowns, inputfields, etc.) and after that, if you wanted to peddle your warez, then fine. I'm sorry, but I'm downvoting this, despite the fact that I respect your skills and the effort you have put into designing this package. [4/4] –  rm -rf Nov 7 '13 at 18:20
@DavidPark Please reconsider your way of answering in this site. Many of us are consultants (we sell our time instead of an application), but what good could I do by answering "if you pay a few hours of my time, I can do that for you"? I'm quite sure you can help the OP a lot more by explaining him how you could do his canvas, from the ground up –  belisarius Nov 7 '13 at 18:45
-1 I would prefer an answer something along the lines of "Here's some code to get you started... but if you are interested, my Presentations package has a much more complete and robust implementation." –  WReach Nov 7 '13 at 18:56
show 3 more comments

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.