forked from hadley/r4ds
-
Notifications
You must be signed in to change notification settings - Fork 0
/
layers.qmd
1058 lines (826 loc) · 42.2 KB
/
layers.qmd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
863
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
# Layers {#sec-layers}
```{r}
#| echo: false
source("_common.R")
```
## Introduction
In @sec-data-visualization, you learned much more than just how to make scatterplots, bar charts, and boxplots.
You learned a foundation that you can use to make *any* type of plot with ggplot2.
In this chapter, you'll expand on that foundation as you learn about the layered grammar of graphics.
We'll start with a deeper dive into aesthetic mappings, geometric objects, and facets.
Then, you will learn about statistical transformations ggplot2 makes under the hood when creating a plot.
These transformations are used to calculate new values to plot, such as the heights of bars in a bar plot or medians in a box plot.
You will also learn about position adjustments, which modify how geoms are displayed in your plots.
Finally, we'll briefly introduce coordinate systems.
We will not cover every single function and option for each of these layers, but we will walk you through the most important and commonly used functionality provided by ggplot2 as well as introduce you to packages that extend ggplot2.
### Prerequisites
This chapter focuses on ggplot2.
To access the datasets, help pages, and functions used in this chapter, load the tidyverse by running this code:
```{r}
#| label: setup
#| message: false
library(tidyverse)
```
## Aesthetic mappings
> "The greatest value of a picture is when it forces us to notice what we never expected to see." --- John Tukey
Remember that the `mpg` data frame bundled with the ggplot2 package contains `r nrow(mpg)` observations on `r mpg |> distinct(model) |> nrow()` car models.
```{r}
mpg
```
Among the variables in `mpg` are:
1. `displ`: A car's engine size, in liters.
A numerical variable.
2. `hwy`: A car's fuel efficiency on the highway, in miles per gallon (mpg).
A car with a low fuel efficiency consumes more fuel than a car with a high fuel efficiency when they travel the same distance.
A numerical variable.
3. `class`: Type of car.
A categorical variable.
Let's start by visualizing the relationship between `displ` and `hwy` for various `class`es of cars.
We can do this with a scatterplot where the numerical variables are mapped to the `x` and `y` aesthetics and the categorical variable is mapped to an aesthetic like `color` or `shape`.
```{r}
#| layout-ncol: 2
#| fig-width: 4
#| fig-alt: |
#| Two scatterplots next to each other, both visualizing highway fuel
#| efficiency versus engine size of cars and showing a negative
#| association. In the plot on the left class is mapped to the color
#| aesthetic, resulting in different colors for each class.
#| In the plot on the right class is mapped the shape aesthetic,
#| resulting in different plotting character shapes for each class,
#| except for suv. Each plot comes with a legend that shows the
#| mapping between color or shape and levels of the class variable.
# Left
ggplot(mpg, aes(x = displ, y = hwy, color = class))
geom_point()
# Right
ggplot(mpg, aes(x = displ, y = hwy, shape = class))
geom_point()
```
When `class` is mapped to `shape`, we get two warnings:
> 1: The shape palette can deal with a maximum of 6 discrete values because more than 6 becomes difficult to discriminate; you have 7.
> Consider specifying shapes manually if you must have them.
>
> 2: Removed 62 rows containing missing values (`geom_point()`).
Since ggplot2 will only use six shapes at a time, by default, additional groups will go unplotted when you use the shape aesthetic.
The second warning is related -- there are 62 SUVs in the dataset and they're not plotted.
Similarly, we can map `class` to `size` or `alpha` aesthetics as well, which control the size and the transparency of the points, respectively.
```{r}
#| layout-ncol: 2
#| fig-width: 4
#| fig-alt: |
#| Two scatterplots next to each other, both visualizing highway fuel
#| efficiency versus engine size of cars and showing a negative
#| association. In the plot on the left class is mapped to the size
#| aesthetic, resulting in different sizes for each class.
#| In the plot on the right class is mapped the alpha aesthetic,
#| resulting in different alpha (transparency) levels for each class.
#| Each plot comes with a legend that shows the mapping between size
#| or alpha level and levels of the class variable.
# Left
ggplot(mpg, aes(x = displ, y = hwy, size = class))
geom_point()
# Right
ggplot(mpg, aes(x = displ, y = hwy, alpha = class))
geom_point()
```
Both of these produce warnings as well:
> Using alpha for a discrete variable is not advised.
Mapping an unordered discrete (categorical) variable (`class`) to an ordered aesthetic (`size` or `alpha`) is generally not a good idea because it implies a ranking that does not in fact exist.
Once you map an aesthetic, ggplot2 takes care of the rest.
It selects a reasonable scale to use with the aesthetic, and it constructs a legend that explains the mapping between levels and values.
For x and y aesthetics, ggplot2 does not create a legend, but it creates an axis line with tick marks and a label.
The axis line provides the same information as a legend; it explains the mapping between locations and values.
You can also set the visual properties of your geom manually as an argument of your geom function (*outside* of `aes()`) instead of relying on a variable mapping to determine the appearance.
For example, we can make all of the points in our plot blue:
```{r}
#| fig-alt: |
#| Scatterplot of highway fuel efficiency versus engine size of cars
#| that shows a negative association. All points are blue.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point(color = "blue")
```
Here, the color doesn't convey information about a variable, but only changes the appearance of the plot.
You'll need to pick a value that makes sense for that aesthetic:
- The name of a color as a character string, e.g., `color = "blue"`
- The size of a point in mm, e.g., `size = 1`
- The shape of a point as a number, e.g, `shape = 1`, as shown in @fig-shapes.
```{r}
#| label: fig-shapes
#| echo: false
#| warning: false
#| fig.asp: 0.364
#| fig-align: "center"
#| fig-cap: |
#| R has 26 built-in shapes that are identified by numbers. There are some
#| seeming duplicates: for example, 0, 15, and 22 are all squares. The
#| difference comes from the interaction of the `color` and `fill`
#| aesthetics. The hollow shapes (0--14) have a border determined by `color`;
#| the solid shapes (15--20) are filled with `color`; the filled shapes
#| (21--25) have a border of `color` and are filled with `fill`. Shapes are
#| arranged to keep similar shapes next to each other.
#| fig-alt: |
#| Mapping between shapes and the numbers that represent them: 0 - square open,
#| 1 - circle open, 2 - triangle open, 3 - plus, 4 - cross, 5 - diamond open,
#| 6 - triangle down open, 7 - square cross, 8 - asterisk, 9 - diamond plus,
#| 10 - circle plus, 11 - star, 12 - square plus,
#| 13 - circle cross, 14 - square triangle, 15 - square,
#| 16 - circle small, 17 - triangle, 18 - diamond,
#| 19 - circle, 20 - bullet, 21 - circle filled,
#| 22 - square filled, 23 - diamond filled, 24 - triangle filled,
#| 25 - triangle down filled.
shapes <- tibble(
shape = c(0, 1, 2, 5, 3, 4, 6:19, 22, 21, 24, 23, 20, 25),
x = (0:25 %/% 5) / 2,
y = (-(0:25 %% 5)) / 4
)
ggplot(shapes, aes(x, y))
geom_point(aes(shape = shape), size = 5, fill = "red")
geom_text(aes(label = shape), hjust = 0, nudge_x = 0.15)
scale_shape_identity()
expand_limits(x = 4.1)
scale_x_continuous(NULL, breaks = NULL)
scale_y_continuous(NULL, breaks = NULL, limits = c(-1.2, 0.2))
theme_minimal()
theme(aspect.ratio = 1/2.75)
```
So far we have discussed aesthetics that we can map or set in a scatterplot, when using a point geom.
You can learn more about all possible aesthetic mappings in the aesthetic specifications vignette at <https://ggplot2.tidyverse.org/articles/ggplot2-specs.html>.
The specific aesthetics you can use for a plot depend on the geom you use to represent the data.
In the next section we dive deeper into geoms.
### Exercises
1. Create a scatterplot of `hwy` vs. `displ` where the points are pink filled in triangles.
2. Why did the following code not result in a plot with blue points?
```{r}
#| fig-show: hide
#| fig-alt: |
#| Scatterplot of highway fuel efficiency versus engine size of cars
#| that shows a negative association. All points are red and
#| the legend shows a red point that is mapped to the word blue.
ggplot(mpg)
geom_point(aes(x = displ, y = hwy, color = "blue"))
```
3. What does the `stroke` aesthetic do?
What shapes does it work with?
(Hint: use `?geom_point`)
4. What happens if you map an aesthetic to something other than a variable name, like `aes(color = displ < 5)`?
Note, you'll also need to specify x and y.
## Geometric objects {#sec-geometric-objects}
How are these two plots similar?
```{r}
#| echo: false
#| message: false
#| layout-ncol: 2
#| fig-width: 3
#| fig-alt: |
#| There are two plots. The plot on the left is a scatterplot of highway
#| fuel efficiency versus engine size of cars and the plot on the right
#| shows a smooth curve that follows the trajectory of the relationship
#| between these variables. A confidence interval around the smooth
#| curve is also displayed.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
ggplot(mpg, aes(x = displ, y = hwy))
geom_smooth()
```
Both plots contain the same x variable, the same y variable, and both describe the same data.
But the plots are not identical.
Each plot uses a different geometric object, geom, to represent the data.
The plot on the left uses the point geom, and the plot on the right uses the smooth geom, a smooth line fitted to the data.
To change the geom in your plot, change the geom function that you add to `ggplot()`.
For instance, to make the plots above, you can use the following code:
```{r}
#| fig-show: hide
# Left
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
# Right
ggplot(mpg, aes(x = displ, y = hwy))
geom_smooth()
```
Every geom function in ggplot2 takes a `mapping` argument, either defined locally in the geom layer or globally in the `ggplot()` layer.
However, not every aesthetic works with every geom.
You could set the shape of a point, but you couldn't set the "shape" of a line.
If you try, ggplot2 will silently ignore that aesthetic mapping.
On the other hand, you *could* set the linetype of a line.
`geom_smooth()` will draw a different line, with a different linetype, for each unique value of the variable that you map to linetype.
```{r}
#| message: false
#| layout-ncol: 2
#| fig-width: 3
#| fig-alt: |
#| Two plots of highway fuel efficiency versus engine size of cars.
#| The data are represented with smooth curves. On the left, three
#| smooth curves, all with the same linetype. On the right, three
#| smooth curves with different line types (solid, dashed, or long
#| dashed) for each type of drive train. In both plots, confidence
#| intervals around the smooth curves are also displayed.
# Left
ggplot(mpg, aes(x = displ, y = hwy, shape = drv))
geom_smooth()
# Right
ggplot(mpg, aes(x = displ, y = hwy, linetype = drv))
geom_smooth()
```
Here, `geom_smooth()` separates the cars into three lines based on their `drv` value, which describes a car's drive train.
One line describes all of the points that have a `4` value, one line describes all of the points that have an `f` value, and one line describes all of the points that have an `r` value.
Here, `4` stands for four-wheel drive, `f` for front-wheel drive, and `r` for rear-wheel drive.
If this sounds strange, we can make it clearer by overlaying the lines on top of the raw data and then coloring everything according to `drv`.
```{r}
#| message: false
#| fig-alt: |
#| A plot of highway fuel efficiency versus engine size of cars. The data
#| are represented with points (colored by drive train) as well as smooth
#| curves (where line type is determined based on drive train as well).
#| Confidence intervals around the smooth curves are also displayed.
ggplot(mpg, aes(x = displ, y = hwy, color = drv))
geom_point()
geom_smooth(aes(linetype = drv))
```
Notice that this plot contains two geoms in the same graph.
Many geoms, like `geom_smooth()`, use a single geometric object to display multiple rows of data.
For these geoms, you can set the `group` aesthetic to a categorical variable to draw multiple objects.
ggplot2 will draw a separate object for each unique value of the grouping variable.
In practice, ggplot2 will automatically group the data for these geoms whenever you map an aesthetic to a discrete variable (as in the `linetype` example).
It is convenient to rely on this feature because the `group` aesthetic by itself does not add a legend or distinguishing features to the geoms.
```{r}
#| layout-ncol: 3
#| fig-width: 3
#| fig-asp: 1
#| message: false
#| fig-alt: |
#| Three plots, each with highway fuel efficiency on the y-axis and engine
#| size of cars on the x-axis, where data are represented by a smooth curve.
#| The first plot
#| only has these two variables, the center plot has three separate smooth
#| curves for each level of drive train, and the right plot not only has the
#| same three separate smooth curves for each level of drive train but these
#| curves are plotted in different colors.
#| Confidence intervals around the smooth curves
#| are also displayed.
# Left
ggplot(mpg, aes(x = displ, y = hwy))
geom_smooth()
# Middle
ggplot(mpg, aes(x = displ, y = hwy))
geom_smooth(aes(group = drv))
# Right
ggplot(mpg, aes(x = displ, y = hwy))
geom_smooth(aes(color = drv), show.legend = FALSE)
```
If you place mappings in a geom function, ggplot2 will treat them as local mappings for the layer.
It will use these mappings to extend or overwrite the global mappings *for that layer only*.
This makes it possible to display different aesthetics in different layers.
```{r}
#| message: false
#| fig-alt: |
#| Scatterplot of highway fuel efficiency versus engine size of cars, where
#| points are colored according to the car class. A smooth curve following
#| the trajectory of the relationship between highway fuel efficiency versus
#| engine size of cars is overlaid along with a confidence interval around it.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point(aes(color = class))
geom_smooth()
```
You can use the same idea to specify different `data` for each layer.
Here, we use red points as well as open circles to highlight two-seater cars.
The local data argument in `geom_point()` overrides the global data argument in `ggplot()` for that layer only.
```{r}
#| message: false
#| fig-alt: |
#| Scatterplot of highway fuel efficiency versus engine size of cars, where
#| two-seater cars are highlighted with red points and open circles.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
geom_point(
data = mpg |> filter(class == "2seater"),
color = "red"
)
geom_point(
data = mpg |> filter(class == "2seater"),
shape = "circle open", size = 3, color = "red"
)
```
Geoms are the fundamental building blocks of ggplot2.
You can completely transform the look of your plot by changing its geom, and different geoms can reveal different features of your data.
For example, the histogram and density plot below reveal that the distribution of highway mileage is bimodal and right skewed while the boxplot reveals two potential outliers.
```{r}
#| layout-ncol: 3
#| fig-width: 3
#| fig-alt: |
#| Three plots: histogram, density plot, and box plot of highway
#| mileage.
# Left
ggplot(mpg, aes(x = hwy))
geom_histogram(binwidth = 2)
# Middle
ggplot(mpg, aes(x = hwy))
geom_density()
# Right
ggplot(mpg, aes(x = hwy))
geom_boxplot()
```
ggplot2 provides more than 40 geoms but these don't cover all possible plots one could make.
If you need a different geom, we recommend looking into extension packages first to see if someone else has already implemented it (see <https://exts.ggplot2.tidyverse.org/gallery/> for a sampling).
For example, the **ggridges** package ([https://wilkelab.org/ggridges](https://wilkelab.org/ggridges/){.uri}) is useful for making ridgeline plots, which can be useful for visualizing the density of a numerical variable for different levels of a categorical variable.
In the following plot not only did we use a new geom (`geom_density_ridges()`), but we have also mapped the same variable to multiple aesthetics (`drv` to `y`, `fill`, and `color`) as well as set an aesthetic (`alpha = 0.5`) to make the density curves transparent.
```{r}
#| fig-asp: 0.33
#| fig-alt:
#| Density curves for highway mileage for cars with rear wheel,
#| front wheel, and 4-wheel drives plotted separately. The
#| distribution is bimodal and roughly symmetric for real and
#| 4 wheel drive cars and unimodal and right skewed for front
#| wheel drive cars.
library(ggridges)
ggplot(mpg, aes(x = hwy, y = drv, fill = drv, color = drv))
geom_density_ridges(alpha = 0.5, show.legend = FALSE)
```
The best place to get a comprehensive overview of all of the geoms ggplot2 offers, as well as all functions in the package, is the reference page: <https://ggplot2.tidyverse.org/reference>.
To learn more about any single geom, use the help (e.g., `?geom_smooth`).
### Exercises
1. What geom would you use to draw a line chart?
A boxplot?
A histogram?
An area chart?
2. Earlier in this chapter we used `show.legend` without explaining it:
```{r}
#| fig-show: hide
#| message: false
ggplot(mpg, aes(x = displ, y = hwy))
geom_smooth(aes(color = drv), show.legend = FALSE)
```
What does `show.legend = FALSE` do here?
What happens if you remove it?
Why do you think we used it earlier?
3. What does the `se` argument to `geom_smooth()` do?
4. Recreate the R code necessary to generate the following graphs.
Note that wherever a categorical variable is used in the plot, it's `drv`.
```{r}
#| echo: false
#| message: false
#| layout-ncol: 2
#| fig-width: 3
#| fig-alt: |
#| There are six scatterplots in this figure, arranged in a 3x2 grid.
#| In all plots highway fuel efficiency of cars are on the y-axis and
#| engine size is on the x-axis. The first plot shows all points in black
#| with a smooth curve overlaid on them. In the second plot points are
#| also all black, with separate smooth curves overlaid for each level of
#| drive train. On the third plot, points and the smooth curves are
#| represented in different colors for each level of drive train. In the
#| fourth plot the points are represented in different colors for each
#| level of drive train but there is only a single smooth line fitted to
#| the whole data. In the fifth plot, points are represented in different
#| colors for each level of drive train, and a separate smooth curve with
#| different line types are fitted to each level of drive train. And
#| finally in the sixth plot points are represented in different colors
#| for each level of drive train and they have a thick white border.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
geom_smooth(se = FALSE)
ggplot(mpg, aes(x = displ, y = hwy))
geom_smooth(aes(group = drv), se = FALSE)
geom_point()
ggplot(mpg, aes(x = displ, y = hwy, color = drv))
geom_point()
geom_smooth(se = FALSE)
ggplot(mpg, aes(x = displ, y = hwy))
geom_point(aes(color = drv))
geom_smooth(se = FALSE)
ggplot(mpg, aes(x = displ, y = hwy))
geom_point(aes(color = drv))
geom_smooth(aes(linetype = drv), se = FALSE)
ggplot(mpg, aes(x = displ, y = hwy))
geom_point(size = 4, color = "white")
geom_point(aes(color = drv))
```
## Facets
In @sec-data-visualization you learned about faceting with `facet_wrap()`, which splits a plot into subplots that each display one subset of the data based on a categorical variable.
```{r}
#| fig-alt: |
#| Scatterplot of highway fuel efficiency versus engine size of cars,
#| faceted by number of cylinders, with facets spanning two rows.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
facet_wrap(~cyl)
```
To facet your plot with the combination of two variables, switch from `facet_wrap()` to `facet_grid()`.
The first argument of `facet_grid()` is also a formula, but now it's a double sided formula: `rows ~ cols`.
```{r}
#| fig-alt: |
#| Scatterplot of highway fuel efficiency versus engine size of cars, faceted
#| by number of cylinders across rows and by type of drive train across
#| columns. This results in a 4x3 grid of 12 facets. Some of these facets have
#| no observations: 5 cylinders and 4 wheel drive, 4 or 5 cylinders and front
#| wheel drive.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
facet_grid(drv ~ cyl)
```
By default each of the facets share the same scale and range for x and y axes.
This is useful when you want to compare data across facets but it can be limiting when you want to visualize the relationship within each facet better.
Setting the `scales` argument in a faceting function to `"free_x"` will allow for different scales of x-axis across columns, `"free_y"` will allow for different scales on y-axis across rows, and `"free"` will allow both.
```{r}
#| fig-alt: |
#| Scatterplot of highway fuel efficiency versus engine size of cars,
#| faceted by number of cylinders across rows and by type of drive train
#| across columns. This results in a 4x3 grid of 12 facets. Some of these
#| facets have no observations: 5 cylinders and 4 wheel drive, 4 or 5
#| cylinders and front wheel drive. Facets within a row share the same
#| y-scale and facets within a column share the same x-scale.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
facet_grid(drv ~ cyl, scales = "free")
```
### Exercises
1. What happens if you facet on a continuous variable?
2. What do the empty cells in the plot above with `facet_grid(drv ~ cyl)` mean?
Run the following code.
How do they relate to the resulting plot?
```{r}
#| fig-show: hide
ggplot(mpg)
geom_point(aes(x = drv, y = cyl))
```
3. What plots does the following code make?
What does `.` do?
```{r}
#| fig-show: hide
ggplot(mpg)
geom_point(aes(x = displ, y = hwy))
facet_grid(drv ~ .)
ggplot(mpg)
geom_point(aes(x = displ, y = hwy))
facet_grid(. ~ cyl)
```
4. Take the first faceted plot in this section:
```{r}
#| fig-show: hide
ggplot(mpg)
geom_point(aes(x = displ, y = hwy))
facet_wrap(~ cyl, nrow = 2)
```
What are the advantages to using faceting instead of the color aesthetic?
What are the disadvantages?
How might the balance change if you had a larger dataset?
5. Read `?facet_wrap`.
What does `nrow` do?
What does `ncol` do?
What other options control the layout of the individual panels?
Why doesn't `facet_grid()` have `nrow` and `ncol` arguments?
6. Which of the following plots makes it easier to compare engine size (`displ`) across cars with different drive trains?
What does this say about when to place a faceting variable across rows or columns?
```{r}
#| fig-show: hide
#| message: false
ggplot(mpg, aes(x = displ))
geom_histogram()
facet_grid(drv ~ .)
ggplot(mpg, aes(x = displ))
geom_histogram()
facet_grid(. ~ drv)
```
7. Recreate the following plot using `facet_wrap()` instead of `facet_grid()`.
How do the positions of the facet labels change?
```{r}
#| fig-show: hide
ggplot(mpg)
geom_point(aes(x = displ, y = hwy))
facet_grid(drv ~ .)
```
## Statistical transformations
Consider a basic bar chart, drawn with `geom_bar()` or `geom_col()`.
The following chart displays the total number of diamonds in the `diamonds` dataset, grouped by `cut`.
The `diamonds` dataset is in the ggplot2 package and contains information on \~54,000 diamonds, including the `price`, `carat`, `color`, `clarity`, and `cut` of each diamond.
The chart shows that more diamonds are available with high quality cuts than with low quality cuts.
```{r}
#| fig-alt: |
#| Bar chart of number of each cut of diamond. There are roughly 1500
#| Fair, 5000 Good, 12000 Very Good, 14000 Premium, and 22000 Ideal cut
#| diamonds.
ggplot(diamonds, aes(x = cut))
geom_bar()
```
On the x-axis, the chart displays `cut`, a variable from `diamonds`.
On the y-axis, it displays count, but count is not a variable in `diamonds`!
Where does count come from?
Many graphs, like scatterplots, plot the raw values of your dataset.
Other graphs, like bar charts, calculate new values to plot:
- Bar charts, histograms, and frequency polygons bin your data and then plot bin counts, the number of points that fall in each bin.
- Smoothers fit a model to your data and then plot predictions from the model.
- Boxplots compute the five-number summary of the distribution and then display that summary as a specially formatted box.
The algorithm used to calculate new values for a graph is called a **stat**, short for statistical transformation.
@fig-vis-stat-bar shows how this process works with `geom_bar()`.
```{r}
#| label: fig-vis-stat-bar
#| echo: false
#| out-width: "100%"
#| fig-cap: |
#| When creating a bar chart we first start with the raw data, then
#| aggregate it to count the number of observations in each bar,
#| and finally map those computed variables to plot aesthetics.
#| fig-alt: |
#| A figure demonstrating three steps of creating a bar chart.
#| Step 1. geom_bar() begins with the diamonds data set. Step 2. geom_bar()
#| transforms the data with the count stat, which returns a data set of
#| cut values and counts. Step 3. geom_bar() uses the transformed data to
#| build the plot. cut is mapped to the x-axis, count is mapped to the y-axis.
knitr::include_graphics("images/visualization-stat-bar.png")
```
You can learn which stat a geom uses by inspecting the default value for the `stat` argument.
For example, `?geom_bar` shows that the default value for `stat` is "count", which means that `geom_bar()` uses `stat_count()`.
`stat_count()` is documented on the same page as `geom_bar()`.
If you scroll down, the section called "Computed variables" explains that it computes two new variables: `count` and `prop`.
Every geom has a default stat; and every stat has a default geom.
This means that you can typically use geoms without worrying about the underlying statistical transformation.
However, there are three reasons why you might need to use a stat explicitly:
1. You might want to override the default stat.
In the code below, we change the stat of `geom_bar()` from count (the default) to identity.
This lets us map the height of the bars to the raw values of a y variable.
```{r}
#| warning: false
#| fig-alt: |
#| Bar chart of number of each cut of diamond. There are roughly 1500
#| Fair, 5000 Good, 12000 Very Good, 14000 Premium, and 22000 Ideal cut
#| diamonds.
diamonds |>
count(cut) |>
ggplot(aes(x = cut, y = n))
geom_bar(stat = "identity")
```
2. You might want to override the default mapping from transformed variables to aesthetics.
For example, you might want to display a bar chart of proportions, rather than counts:
```{r}
#| fig-alt: |
#| Bar chart of proportion of each cut of diamond. Roughly, Fair
#| diamonds make up 0.03, Good 0.09, Very Good 0.22, Premium 0.26, and
#| Ideal 0.40.
ggplot(diamonds, aes(x = cut, y = after_stat(prop), group = 1))
geom_bar()
```
To find the possible variables that can be computed by the stat, look for the section titled "computed variables" in the help for `geom_bar()`.
3. You might want to draw greater attention to the statistical transformation in your code.
For example, you might use `stat_summary()`, which summarizes the y values for each unique x value, to draw attention to the summary that you're computing:
```{r}
#| fig-alt: |
#| A plot with depth on the y-axis and cut on the x-axis (with levels
#| fair, good, very good, premium, and ideal) of diamonds. For each level
#| of cut, vertical lines extend from minimum to maximum depth for diamonds
#| in that cut category, and the median depth is indicated on the line
#| with a point.
ggplot(diamonds)
stat_summary(
aes(x = cut, y = depth),
fun.min = min,
fun.max = max,
fun = median
)
```
ggplot2 provides more than 20 stats for you to use.
Each stat is a function, so you can get help in the usual way, e.g., `?stat_bin`.
### Exercises
1. What is the default geom associated with `stat_summary()`?
How could you rewrite the previous plot to use that geom function instead of the stat function?
2. What does `geom_col()` do?
How is it different from `geom_bar()`?
3. Most geoms and stats come in pairs that are almost always used in concert.
Make a list of all the pairs.
What do they have in common?
(Hint: Read through the documentation.)
4. What variables does `stat_smooth()` compute?
What arguments control its behavior?
5. In our proportion bar chart, we needed to set `group = 1`.
Why?
In other words, what is the problem with these two graphs?
```{r}
#| fig-show: hide
ggplot(diamonds, aes(x = cut, y = after_stat(prop)))
geom_bar()
ggplot(diamonds, aes(x = cut, fill = color, y = after_stat(prop)))
geom_bar()
```
## Position adjustments
There's one more piece of magic associated with bar charts.
You can color a bar chart using either the `color` aesthetic, or, more usefully, the `fill` aesthetic:
```{r}
#| layout-ncol: 2
#| fig-width: 4
#| fig-alt: |
#| Two bar charts of drive types of cars. In the first plot, the bars have
#| colored borders. In the second plot, they're filled with colors. Heights
#| of the bars correspond to the number of cars in each drv category.
# Left
ggplot(mpg, aes(x = drv, color = drv))
geom_bar()
# Right
ggplot(mpg, aes(x = drv, fill = drv))
geom_bar()
```
Note what happens if you map the fill aesthetic to another variable, like `class`: the bars are automatically stacked.
Each colored rectangle represents a combination of `drv` and `class`.
```{r}
#| fig-alt: |
#| Segmented bar chart of drive types of cars, where each bar is filled with
#| colors for the classes of cars. Heights of the bars correspond to the
#| number of cars in each drive category, and heights of the colored
#| segments represent the number of cars with a given class
#| level within a given drive type level.
ggplot(mpg, aes(x = drv, fill = class))
geom_bar()
```
The stacking is performed automatically using the **position adjustment** specified by the `position` argument.
If you don't want a stacked bar chart, you can use one of three other options: `"identity"`, `"dodge"` or `"fill"`.
- `position = "identity"` will place each object exactly where it falls in the context of the graph.
This is not very useful for bars, because it overlaps them.
To see that overlapping we either need to make the bars slightly transparent by setting `alpha` to a small value, or completely transparent by setting `fill = NA`.
```{r}
#| layout-ncol: 2
#| fig-width: 4
#| fig-alt: |
#| Segmented bar chart of drive types of cars, where each bar is filled with
#| colors for the classes of cars.
#| Heights of the colored
#| segments represent the number of cars with a given class
#| level within a given drive type level. However the segments overlap. In
#| the first plot the bars are filled with transparent colors
#| and in the second plot they are only outlined with color.
# Left
ggplot(mpg, aes(x = drv, fill = class))
geom_bar(alpha = 1/5, position = "identity")
# Right
ggplot(mpg, aes(x = drv, color = class))
geom_bar(fill = NA, position = "identity")
```
The identity position adjustment is more useful for 2d geoms, like points, where it is the default.
- `position = "fill"` works like stacking, but makes each set of stacked bars the same height.
This makes it easier to compare proportions across groups.
- `position = "dodge"` places overlapping objects directly *beside* one another.
This makes it easier to compare individual values.
```{r}
#| layout-ncol: 2
#| fig-width: 4
#| fig-alt: |
#| On the left, segmented bar chart of drive types of cars, where each bar is
#| filled with colors for the levels of class. Height of each bar is 1 and
#| heights of the colored segments represent the proportions of cars
#| with a given class level within a given drive type.
#| On the right, dodged bar chart of drive types of cars. Dodged bars are
#| grouped by levels of drive type. Within each group bars represent each
#| level of class. Some classes are represented within some drive types and
#| not represented in others, resulting in unequal number of bars within each
#| group. Heights of these bars represent the number of cars with a given
#| level of drive type and class.
# Left
ggplot(mpg, aes(x = drv, fill = class))
geom_bar(position = "fill")
# Right
ggplot(mpg, aes(x = drv, fill = class))
geom_bar(position = "dodge")
```
There's one other type of adjustment that's not useful for bar charts, but can be very useful for scatterplots.
Recall our first scatterplot.
Did you notice that the plot displays only 126 points, even though there are 234 observations in the dataset?
```{r}
#| echo: false
#| fig-alt: |
#| Scatterplot of highway fuel efficiency versus engine size of cars that
#| shows a negative association.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
```
The underlying values of `hwy` and `displ` are rounded so the points appear on a grid and many points overlap each other.
This problem is known as **overplotting**.
This arrangement makes it difficult to see the distribution of the data.
Are the data points spread equally throughout the graph, or is there one special combination of `hwy` and `displ` that contains 109 values?
You can avoid this gridding by setting the position adjustment to "jitter".
`position = "jitter"` adds a small amount of random noise to each point.
This spreads the points out because no two points are likely to receive the same amount of random noise.
```{r}
#| fig-alt: |
#| Jittered scatterplot of highway fuel efficiency versus engine size of cars.
#| The plot shows a negative association.
ggplot(mpg, aes(x = displ, y = hwy))
geom_point(position = "jitter")
```
Adding randomness seems like a strange way to improve your plot, but while it makes your graph less accurate at small scales, it makes your graph *more* revealing at large scales.
Because this is such a useful operation, ggplot2 comes with a shorthand for `geom_point(position = "jitter")`: `geom_jitter()`.
To learn more about a position adjustment, look up the help page associated with each adjustment: `?position_dodge`, `?position_fill`, `?position_identity`, `?position_jitter`, and `?position_stack`.
### Exercises
1. What is the problem with the following plot?
How could you improve it?
```{r}
#| fig-show: hide
ggplot(mpg, aes(x = cty, y = hwy))
geom_point()
```
2. What, if anything, is the difference between the two plots?
Why?
```{r}
#| fig-show: hide
ggplot(mpg, aes(x = displ, y = hwy))
geom_point()
ggplot(mpg, aes(x = displ, y = hwy))
geom_point(position = "identity")
```
3. What parameters to `geom_jitter()` control the amount of jittering?
4. Compare and contrast `geom_jitter()` with `geom_count()`.
5. What's the default position adjustment for `geom_boxplot()`?
Create a visualization of the `mpg` dataset that demonstrates it.
## Coordinate systems
Coordinate systems are probably the most complicated part of ggplot2.
The default coordinate system is the Cartesian coordinate system where the x and y positions act independently to determine the location of each point.
There are two other coordinate systems that are occasionally helpful.
- `coord_quickmap()` sets the aspect ratio correctly for geographic maps.
This is very important if you're plotting spatial data with ggplot2.
We don't have the space to discuss maps in this book, but you can learn more in the [Maps chapter](https://ggplot2-book.org/maps.html) of *ggplot2: Elegant graphics for data analysis*.
```{r}
#| layout-ncol: 2
#| fig-width: 3
#| message: false
#| fig-alt: |
#| Two maps of the boundaries of New Zealand. In the first plot the aspect
#| ratio is incorrect, in the second plot it is correct.
nz <- map_data("nz")
ggplot(nz, aes(x = long, y = lat, group = group))
geom_polygon(fill = "white", color = "black")
ggplot(nz, aes(x = long, y = lat, group = group))
geom_polygon(fill = "white", color = "black")
coord_quickmap()
```
- `coord_polar()` uses polar coordinates.
Polar coordinates reveal an interesting connection between a bar chart and a Coxcomb chart.
```{r}
#| layout-ncol: 2
#| fig-width: 3
#| fig-asp: 1
#| fig-alt: |
#| There are two plots. On the left is a bar chart of clarity of diamonds,
#| on the right is a Coxcomb chart of the same data.
bar <- ggplot(data = diamonds)
geom_bar(
mapping = aes(x = clarity, fill = clarity),
show.legend = FALSE,
width = 1
)
theme(aspect.ratio = 1)
bar coord_flip()
bar coord_polar()
```
### Exercises
1. Turn a stacked bar chart into a pie chart using `coord_polar()`.
2. What's the difference between `coord_quickmap()` and `coord_map()`?
3. What does the following plot tell you about the relationship between city and highway mpg?
Why is `coord_fixed()` important?
What does `geom_abline()` do?
```{r}
#| fig-show: hide
ggplot(data = mpg, mapping = aes(x = cty, y = hwy))
geom_point()
geom_abline()
coord_fixed()
```
## The layered grammar of graphics