Explore the latest version of An Elementary Introduction to the Wolfram Language »
Stephen Wolfram
An Elementary Introduction to the Wolfram Language
Second Edition (2017)
37Layout and Display
Earlier we saw how to use Framed to add a frame when one displays something.
Generate a number and put a frame around it:
In[1]:=
Click for copyable input
Out[1]=
You can give options to Framed.
Specify a background color and a frame style:
In[2]:=
Click for copyable input
Out[2]=
Labeled lets you make things be labeled.
Add a label to the framed number:
In[3]:=
Click for copyable input
Out[3]=
This adds a label to a number styled with a yellow background:
In[4]:=
Click for copyable input
Out[4]=
This adds styling to the label:
In[5]:=
Click for copyable input
Out[5]=
You can use Labeled in graphics as well.
Make a pie chart in which some wedges are labeled:
In[6]:=
Click for copyable input
Out[6]=
Plot labeled points:
In[7]:=
Click for copyable input
Out[7]=
Plot the first few primes labeled with their values:
In[8]:=
Click for copyable input
Out[8]=
Labeled indicates something by putting a label right next to it. It’s often nice instead to use “callouts”, that have little lines pointing to whatever they’re referring to. You can do this by using Callout rather than Labeled.
Callout creates “callouts” with little lines:
In[9]:=
Click for copyable input
Out[9]=
There are all sorts of ways to annotate graphics. Style directly inserts styling. Tooltip generates interactive tooltips that show themselves when the mouse hovers over them. Legended puts labels into a legend on the side.
Specify styles for the first three pie wedges:
In[10]:=
Click for copyable input
Out[10]=
Set up words and colors as legends for pie wedges:
In[11]:=
Click for copyable input
Out[11]=
The default plot theme for the web is more brightly colored:
In[12]:=
Click for copyable input
Out[12]=
If you want the Wolfram Language to just automatically pick how to annotate things, then simply give the annotations with rules ().
In ListPlot, annotations specified by rules are implemented with callouts:
In[13]:=
Click for copyable input
Out[13]=
In PieChart, strings are assumed to be labels, and colors to be styles:
In[14]:=
Click for copyable input
Out[14]=
It’s common to want to combine different objects for presentation. Row, Column and Grid are convenient ways to do this.
Display a list of objects in a row:
In[15]:=
Click for copyable input
Out[15]=
Display objects in a column:
In[16]:=
Click for copyable input
Out[16]=
Use GraphicsRow, GraphicsColumn and GraphicsGrid to arrange objects to fit in a certain overall size.
Generate an array of random pie charts, sized to fit:
In[17]:=
Click for copyable input
Out[17]=
Do it with a frame around everything:
In[18]:=
Click for copyable input
Out[18]=
Vocabulary
Framed[expr] add a frame
Labeled[expr,lab] add a label
Callout[expr,lab] add a callout
Tooltip[expr,lab] add an interactive tooltip
Legended[expr,lab] add a legend
Row[{expr1,expr2, ...}] arrange in a row
Column[{expr1,expr2, ...}] arrange in a column
GraphicsRow[{expr1,expr2, ...}] arrange in a resizable row
GraphicsColumn[{expr1,expr2, ...}] arrange in a resizable column
GraphicsGrid[array] arrange in a resizable grid
37.1Make a list of numbers up to 100, with even numbers on yellow and odd numbers on light gray. »
Expected output:
Out[]=
37.2Make a list of numbers up to 100, with primes framed. »
Expected output:
Out[]=
37.3Make a list of numbers up to 100, with primes framed and labeled in light gray with their values modulo 4. »
Expected output:
Out[]=
37.4Create a 3×6 GraphicsGrid of randomly colored disks. »
Sample expected output:
Out[]=
37.5Make a pie chart of the GDPs of the countries in the G5, labeling each wedge. »
Sample expected output:
Out[]=
37.6Make a pie chart of the populations of the countries in the G5, giving a legend for each wedge. »
Sample expected output:
Out[]=
37.7Make a 5×5 GraphicsGrid of pie charts that give the relative frequencies of digits in 2^n with n starting at 1. »
Expected output:
Out[]=
Sample expected output:
Out[]=
Q&A
Can I get rounded corners with Framed?
Yes. Use an option like RoundingRadius0.2.
What kinds of things can be in a label?
Anything you want. A label can be text or a graphic or, for that matter, a whole notebook.
Can I use Labeled to put labels in places other than at the bottom?
Yes. Use e.g. Labeled[expr, label, Left] or Labeled[expr, label, Right].
How do I determine where a legend goes?
Use Placed.
Can visualization be animated or dynamic?
Yes. ListAnimate creates an animation. Constructs from Tooltip to Manipulate can be used to set up dynamic visualizations.
Tech Notes
More to Explore
Guide to Labeling & Annotation in the Wolfram Language »
 
Download Notebook Version
es