-
Notifications
You must be signed in to change notification settings - Fork 60
Expand file tree
/
Copy pathcolormaps.html
More file actions
633 lines (569 loc) · 68.4 KB
/
colormaps.html
File metadata and controls
633 lines (569 loc) · 68.4 KB
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
594
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Colormaps in Matplotlib — Matplotlib 2.2.0 documentation</title>
<link rel="stylesheet" href="../../_static/mpl.css"
type="text/css" />
<link rel="stylesheet" href="../../_static/pygments.css"
type="text/css" />
<link rel="stylesheet" href="../../_static/gallery.css" type="text/css" />
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: '../../',
VERSION: '2.2.0',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '.html',
HAS_SOURCE: true,
SOURCELINK_SUFFIX: '.txt'
};
</script>
<script type="text/javascript" src="../../_static/jquery.js"></script>
<script type="text/javascript" src="../../_static/underscore.js"></script>
<script type="text/javascript" src="../../_static/doctools.js"></script>
<link rel="search" type="application/opensearchdescription+xml"
title="Search within Matplotlib 2.2.0 documentation"
href="../../_static/opensearch.xml"/>
<link rel="shortcut icon" href="../../_static/favicon.ico"/>
<link rel="index" title="Index" href="../../genindex.html"
/>
<link rel="search" title="Search" href="../../search.html"
/>
<link rel="top" title="Matplotlib 2.2.0 documentation" href="../../index.html" />
<link rel="up" title="Tutorials" href="../index.html" />
<link rel="next" title="Annotations" href="../text/annotations.html" />
<link rel="prev" title="Colormap Normalization" href="colormapnorms.html" />
<link rel="canonical" href="https://matplotlib.org/stable/tutorials/colors/colormaps.html" />
<script data-domain="matplotlib.org" defer="defer" src="https://views.scientific-python.org/js/script.js"></script>
</head>
<body>
<div id="unreleased-message"> You are reading an old version of the documentation (v2.2.0). For the latest version see <a href="https://matplotlib.org/stable/tutorials/colors/colormaps.html">https://matplotlib.org/stable/tutorials/colors/colormaps.html</a></div>
<div style="background-color: white; text-align: left; padding: 10px 10px 15px 15px; position: relative;">
<a href="../../index.html">
<div style="float: left; position: absolute; width: 496px; bottom: 0; padding-bottom: 24px"><span style="float: right; color: #789; background: white">Version 2.2.0</span></div>
<img src="../../_static/logo2.png" height="125px" border="0" alt="matplotlib"/></a>
<!-- The "Fork me on github" ribbon -->
<div id="forkongithub"><a href="https://github.com/matplotlib/matplotlib">Fork me on GitHub</a></div>
</div>
<div class="related">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="../../genindex.html" title="General Index"
accesskey="I">index</a></li>
<li class="right" >
<a href="../../py-modindex.html" title="Python Module Index"
>modules</a> |</li>
<li class="right" >
<a href="../text/annotations.html" title="Annotations"
accesskey="N">next</a> |</li>
<li class="right" >
<a href="colormapnorms.html" title="Colormap Normalization"
accesskey="P">previous</a> |</li>
<li><a href="../../index.html">home</a>| </li>
<li><a href="../../gallery/index.html">examples</a>| </li>
<li><a href="../index.html">tutorials</a>| </li>
<li><a href="../../api/pyplot_summary.html">pyplot</a>| </li>
<li><a href="../../contents.html">docs</a> »</li>
<li><a href="../../users/index.html" >User’s Guide</a> »</li>
<li><a href="../index.html" accesskey="U">Tutorials</a> »</li>
</ul>
</div>
<div class="sphinxsidebar">
<div class="sphinxsidebarwrapper">
<h3><a href="../../contents.html">Table Of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">Colormaps in Matplotlib</a><ul>
<li><a class="reference internal" href="#overview">Overview</a></li>
<li><a class="reference internal" href="#classes-of-colormaps">Classes of colormaps</a><ul>
<li><a class="reference internal" href="#sequential">Sequential</a></li>
<li><a class="reference internal" href="#sequential2">Sequential2</a></li>
<li><a class="reference internal" href="#diverging">Diverging</a></li>
<li><a class="reference internal" href="#qualitative">Qualitative</a></li>
<li><a class="reference internal" href="#miscellaneous">Miscellaneous</a></li>
</ul>
</li>
<li><a class="reference internal" href="#lightness-of-matplotlib-colormaps">Lightness of matplotlib colormaps</a></li>
<li><a class="reference internal" href="#grayscale-conversion">Grayscale conversion</a></li>
<li><a class="reference internal" href="#color-vision-deficiencies">Color vision deficiencies</a></li>
<li><a class="reference internal" href="#references">References</a></li>
</ul>
</li>
</ul>
<div class="relations">
<h3>Related Topics</h3>
<ul>
<li><a href="../../contents.html">Documentation overview</a><ul>
<li><a href="../../users/index.html">User’s Guide</a><ul>
<li><a href="../index.html">Tutorials</a><ul>
<li>Previous: <a href="colormapnorms.html" title="previous chapter">Colormap Normalization</a></li>
<li>Next: <a href="../text/annotations.html" title="next chapter">Annotations</a></li>
</ul></li>
</ul></li>
</ul></li>
</ul>
</div>
<div role="note" aria-label="source link">
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="../../_sources/tutorials/colors/colormaps.rst.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
<div id="searchbox" style="display: none" role="search">
<h3>Quick search</h3>
<div class="searchformwrapper">
<form class="search" action="../../search.html" method="get">
<input type="text" name="q" />
<input type="submit" value="Go" />
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
</div>
<script type="text/javascript">$('#searchbox').show(0);</script>
</div>
</div>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body">
<div class="section" id="colormaps-in-matplotlib">
<span id="sphx-glr-tutorials-colors-colormaps-py"></span><h1>Colormaps in Matplotlib<a class="headerlink" href="#colormaps-in-matplotlib" title="Permalink to this headline">¶</a></h1>
<p>How (and why) to choose a particular colormap.</p>
<div class="section" id="overview">
<h2>Overview<a class="headerlink" href="#overview" title="Permalink to this headline">¶</a></h2>
<p>The idea behind choosing a good colormap is to find a good representation in 3D
colorspace for your data set. The best colormap for any given data set depends
on many things including:</p>
<ul class="simple">
<li>Whether representing form or metric data (<a class="reference internal" href="#ware" id="id1">[Ware]</a>)</li>
<li>Your knowledge of the data set (<em>e.g.</em>, is there a critical value
from which the other values deviate?)</li>
<li>If there is an intuitive color scheme for the parameter you are plotting</li>
<li>If there is a standard in the field the audience may be expecting</li>
</ul>
<p>For many applications, a perceptually uniform colormap is the best
choice — one in which equal steps in data are perceived as equal
steps in the color space. Researchers have found that the human brain
perceives changes in the lightness parameter as changes in the data
much better than, for example, changes in hue. Therefore, colormaps
which have monotonically increasing lightness through the colormap
will be better interpreted by the viewer. A wonderful example of
perceptually uniform colormaps is <a class="reference internal" href="#colorcet" id="id2">[colorcet]</a>.</p>
<p>Color can be represented in 3D space in various ways. One way to represent color
is using CIELAB. In CIELAB, color space is represented by lightness,
<img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/>; red-green, <img src="../../_images/mathmpl/math-d85c40ef59.png" style="position: relative; bottom: -3px"/>; and yellow-blue, <img src="../../_images/mathmpl/math-15b4f113ce.png" style="position: relative; bottom: -3px"/>. The lightness
parameter <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> can then be used to learn more about how the matplotlib
colormaps will be perceived by viewers.</p>
<p>An excellent starting resource for learning about human perception of colormaps
is from <a class="reference internal" href="#ibm" id="id3">[IBM]</a>.</p>
</div>
<div class="section" id="classes-of-colormaps">
<h2>Classes of colormaps<a class="headerlink" href="#classes-of-colormaps" title="Permalink to this headline">¶</a></h2>
<p>Colormaps are often split into several categories based on their function (see,
<em>e.g.</em>, <a class="reference internal" href="#moreland" id="id4">[Moreland]</a>):</p>
<ol class="arabic simple">
<li>Sequential: change in lightness and often saturation of color
incrementally, often using a single hue; should be used for
representing information that has ordering.</li>
<li>Diverging: change in lightness and possibly saturation of two
different colors that meet in the middle at an unsaturated color;
should be used when the information being plotted has a critical
middle value, such as topography or when the data deviates around
zero.</li>
<li>Qualitative: often are miscellaneous colors; should be used to
represent information which does not have ordering or
relationships.</li>
</ol>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="c1"># sphinx_gallery_thumbnail_number = 2</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="kn">as</span> <span class="nn">np</span>
<span class="kn">import</span> <span class="nn">matplotlib</span> <span class="kn">as</span> <span class="nn">mpl</span>
<span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="kn">as</span> <span class="nn">plt</span>
<span class="kn">from</span> <span class="nn">matplotlib</span> <span class="kn">import</span> <span class="n">cm</span>
<span class="kn">from</span> <span class="nn">colorspacious</span> <span class="kn">import</span> <span class="n">cspace_converter</span>
<span class="kn">from</span> <span class="nn">collections</span> <span class="kn">import</span> <span class="n">OrderedDict</span>
<span class="n">cmaps</span> <span class="o">=</span> <span class="n">OrderedDict</span><span class="p">()</span>
</pre></div>
</div>
<div class="section" id="sequential">
<h3>Sequential<a class="headerlink" href="#sequential" title="Permalink to this headline">¶</a></h3>
<p>For the Sequential plots, the lightness value increases monotonically through
the colormaps. This is good. Some of the <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values in the colormaps
span from 0 to 100 (binary and the other grayscale), and others start around
<img src="../../_images/mathmpl/math-93b9261171.png" style="position: relative; bottom: -3px"/>. Those that have a smaller range of <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> will accordingly
have a smaller perceptual range. Note also that the <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> function varies
amongst the colormaps: some are approximately linear in <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> and others
are more curved.</p>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="n">cmaps</span><span class="p">[</span><span class="s1">'Perceptually Uniform Sequential'</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span>
<span class="s1">'viridis'</span><span class="p">,</span> <span class="s1">'plasma'</span><span class="p">,</span> <span class="s1">'inferno'</span><span class="p">,</span> <span class="s1">'magma'</span><span class="p">,</span> <span class="s1">'cividis'</span><span class="p">]</span>
<span class="n">cmaps</span><span class="p">[</span><span class="s1">'Sequential'</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span>
<span class="s1">'Greys'</span><span class="p">,</span> <span class="s1">'Purples'</span><span class="p">,</span> <span class="s1">'Blues'</span><span class="p">,</span> <span class="s1">'Greens'</span><span class="p">,</span> <span class="s1">'Oranges'</span><span class="p">,</span> <span class="s1">'Reds'</span><span class="p">,</span>
<span class="s1">'YlOrBr'</span><span class="p">,</span> <span class="s1">'YlOrRd'</span><span class="p">,</span> <span class="s1">'OrRd'</span><span class="p">,</span> <span class="s1">'PuRd'</span><span class="p">,</span> <span class="s1">'RdPu'</span><span class="p">,</span> <span class="s1">'BuPu'</span><span class="p">,</span>
<span class="s1">'GnBu'</span><span class="p">,</span> <span class="s1">'PuBu'</span><span class="p">,</span> <span class="s1">'YlGnBu'</span><span class="p">,</span> <span class="s1">'PuBuGn'</span><span class="p">,</span> <span class="s1">'BuGn'</span><span class="p">,</span> <span class="s1">'YlGn'</span><span class="p">]</span>
</pre></div>
</div>
</div>
<div class="section" id="sequential2">
<h3>Sequential2<a class="headerlink" href="#sequential2" title="Permalink to this headline">¶</a></h3>
<p>Many of the <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values from the Sequential2 plots are monotonically
increasing, but some (autumn, cool, spring, and winter) plateau or even go both
up and down in <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> space. Others (afmhot, copper, gist_heat, and hot)
have kinks in the <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> functions. Data that is being represented in a
region of the colormap that is at a plateau or kink will lead to a perception of
banding of the data in those values in the colormap (see <a class="reference internal" href="#mycarta-banding" id="id5">[mycarta-banding]</a> for
an excellent example of this).</p>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="n">cmaps</span><span class="p">[</span><span class="s1">'Sequential (2)'</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span>
<span class="s1">'binary'</span><span class="p">,</span> <span class="s1">'gist_yarg'</span><span class="p">,</span> <span class="s1">'gist_gray'</span><span class="p">,</span> <span class="s1">'gray'</span><span class="p">,</span> <span class="s1">'bone'</span><span class="p">,</span> <span class="s1">'pink'</span><span class="p">,</span>
<span class="s1">'spring'</span><span class="p">,</span> <span class="s1">'summer'</span><span class="p">,</span> <span class="s1">'autumn'</span><span class="p">,</span> <span class="s1">'winter'</span><span class="p">,</span> <span class="s1">'cool'</span><span class="p">,</span> <span class="s1">'Wistia'</span><span class="p">,</span>
<span class="s1">'hot'</span><span class="p">,</span> <span class="s1">'afmhot'</span><span class="p">,</span> <span class="s1">'gist_heat'</span><span class="p">,</span> <span class="s1">'copper'</span><span class="p">]</span>
</pre></div>
</div>
</div>
<div class="section" id="diverging">
<h3>Diverging<a class="headerlink" href="#diverging" title="Permalink to this headline">¶</a></h3>
<p>For the Diverging maps, we want to have monotonically increasing <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/>
values up to a maximum, which should be close to <img src="../../_images/mathmpl/math-3199ca3512.png" style="position: relative; bottom: -3px"/>, followed by
monotonically decreasing <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values. We are looking for approximately
equal minimum <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values at opposite ends of the colormap. By these
measures, BrBG and RdBu are good options. coolwarm is a good option, but it
doesn’t span a wide range of <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values (see grayscale section below).</p>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="n">cmaps</span><span class="p">[</span><span class="s1">'Diverging'</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span>
<span class="s1">'PiYG'</span><span class="p">,</span> <span class="s1">'PRGn'</span><span class="p">,</span> <span class="s1">'BrBG'</span><span class="p">,</span> <span class="s1">'PuOr'</span><span class="p">,</span> <span class="s1">'RdGy'</span><span class="p">,</span> <span class="s1">'RdBu'</span><span class="p">,</span>
<span class="s1">'RdYlBu'</span><span class="p">,</span> <span class="s1">'RdYlGn'</span><span class="p">,</span> <span class="s1">'Spectral'</span><span class="p">,</span> <span class="s1">'coolwarm'</span><span class="p">,</span> <span class="s1">'bwr'</span><span class="p">,</span> <span class="s1">'seismic'</span><span class="p">]</span>
</pre></div>
</div>
</div>
<div class="section" id="qualitative">
<h3>Qualitative<a class="headerlink" href="#qualitative" title="Permalink to this headline">¶</a></h3>
<p>Qualitative colormaps are not aimed at being perceptual maps, but looking at the
lightness parameter can verify that for us. The <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values move all over
the place throughout the colormap, and are clearly not monotonically increasing.
These would not be good options for use as perceptual colormaps.</p>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="n">cmaps</span><span class="p">[</span><span class="s1">'Qualitative'</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'Pastel1'</span><span class="p">,</span> <span class="s1">'Pastel2'</span><span class="p">,</span> <span class="s1">'Paired'</span><span class="p">,</span> <span class="s1">'Accent'</span><span class="p">,</span>
<span class="s1">'Dark2'</span><span class="p">,</span> <span class="s1">'Set1'</span><span class="p">,</span> <span class="s1">'Set2'</span><span class="p">,</span> <span class="s1">'Set3'</span><span class="p">,</span>
<span class="s1">'tab10'</span><span class="p">,</span> <span class="s1">'tab20'</span><span class="p">,</span> <span class="s1">'tab20b'</span><span class="p">,</span> <span class="s1">'tab20c'</span><span class="p">]</span>
</pre></div>
</div>
</div>
<div class="section" id="miscellaneous">
<h3>Miscellaneous<a class="headerlink" href="#miscellaneous" title="Permalink to this headline">¶</a></h3>
<p>Some of the miscellaneous colormaps have particular uses for which
they have been created. For example, gist_earth, ocean, and terrain
all seem to be created for plotting topography (green/brown) and water
depths (blue) together. We would expect to see a divergence in these
colormaps, then, but multiple kinks may not be ideal, such as in
gist_earth and terrain. CMRmap was created to convert well to
grayscale, though it does appear to have some small kinks in
<img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/>. cubehelix was created to vary smoothly in both lightness
and hue, but appears to have a small hump in the green hue area.</p>
<p>The often-used jet colormap is included in this set of colormaps. We can see
that the <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values vary widely throughout the colormap, making it a
poor choice for representing data for viewers to see perceptually. See an
extension on this idea at <a class="reference internal" href="#mycarta-jet" id="id6">[mycarta-jet]</a>.</p>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="n">cmaps</span><span class="p">[</span><span class="s1">'Miscellaneous'</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span>
<span class="s1">'flag'</span><span class="p">,</span> <span class="s1">'prism'</span><span class="p">,</span> <span class="s1">'ocean'</span><span class="p">,</span> <span class="s1">'gist_earth'</span><span class="p">,</span> <span class="s1">'terrain'</span><span class="p">,</span> <span class="s1">'gist_stern'</span><span class="p">,</span>
<span class="s1">'gnuplot'</span><span class="p">,</span> <span class="s1">'gnuplot2'</span><span class="p">,</span> <span class="s1">'CMRmap'</span><span class="p">,</span> <span class="s1">'cubehelix'</span><span class="p">,</span> <span class="s1">'brg'</span><span class="p">,</span> <span class="s1">'hsv'</span><span class="p">,</span>
<span class="s1">'gist_rainbow'</span><span class="p">,</span> <span class="s1">'rainbow'</span><span class="p">,</span> <span class="s1">'jet'</span><span class="p">,</span> <span class="s1">'nipy_spectral'</span><span class="p">,</span> <span class="s1">'gist_ncar'</span><span class="p">]</span>
</pre></div>
</div>
<p id="color-colormaps-reference">First, we’ll show the range of each colormap. Note that some seem
to change more “quickly” than others.</p>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="n">nrows</span> <span class="o">=</span> <span class="nb">max</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">cmap_list</span><span class="p">)</span> <span class="k">for</span> <span class="n">cmap_category</span><span class="p">,</span> <span class="n">cmap_list</span> <span class="ow">in</span> <span class="n">cmaps</span><span class="o">.</span><span class="n">items</span><span class="p">())</span>
<span class="n">gradient</span> <span class="o">=</span> <a href="https://docs.scipy.org/doc/numpy/reference/generated/numpy.linspace.html#numpy.linspace" title="View documentation for numpy.linspace"><span class="n">np</span><span class="o">.</span><span class="n">linspace</span></a><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">256</span><span class="p">)</span>
<span class="n">gradient</span> <span class="o">=</span> <a href="https://docs.scipy.org/doc/numpy/reference/generated/numpy.vstack.html#numpy.vstack" title="View documentation for numpy.vstack"><span class="n">np</span><span class="o">.</span><span class="n">vstack</span></a><span class="p">((</span><span class="n">gradient</span><span class="p">,</span> <span class="n">gradient</span><span class="p">))</span>
<span class="k">def</span> <span class="nf">plot_color_gradients</span><span class="p">(</span><span class="n">cmap_category</span><span class="p">,</span> <span class="n">cmap_list</span><span class="p">,</span> <span class="n">nrows</span><span class="p">):</span>
<span class="n">fig</span><span class="p">,</span> <span class="n">axes</span> <span class="o">=</span> <a href="../../api/_as_gen/matplotlib.pyplot.subplots.html#matplotlib.pyplot.subplots" title="View documentation for matplotlib.pyplot.subplots"><span class="n">plt</span><span class="o">.</span><span class="n">subplots</span></a><span class="p">(</span><span class="n">nrows</span><span class="o">=</span><span class="n">nrows</span><span class="p">)</span>
<span class="n">fig</span><span class="o">.</span><span class="n">subplots_adjust</span><span class="p">(</span><span class="n">top</span><span class="o">=</span><span class="mf">0.95</span><span class="p">,</span> <span class="n">bottom</span><span class="o">=</span><span class="mf">0.01</span><span class="p">,</span> <span class="n">left</span><span class="o">=</span><span class="mf">0.2</span><span class="p">,</span> <span class="n">right</span><span class="o">=</span><span class="mf">0.99</span><span class="p">)</span>
<span class="n">axes</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">set_title</span><span class="p">(</span><span class="n">cmap_category</span> <span class="o">+</span> <span class="s1">' colormaps'</span><span class="p">,</span> <span class="n">fontsize</span><span class="o">=</span><span class="mi">14</span><span class="p">)</span>
<span class="k">for</span> <span class="n">ax</span><span class="p">,</span> <span class="n">name</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">axes</span><span class="p">,</span> <span class="n">cmap_list</span><span class="p">):</span>
<span class="n">ax</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">gradient</span><span class="p">,</span> <span class="n">aspect</span><span class="o">=</span><span class="s1">'auto'</span><span class="p">,</span> <span class="n">cmap</span><span class="o">=</span><span class="n">plt</span><span class="o">.</span><span class="n">get_cmap</span><span class="p">(</span><span class="n">name</span><span class="p">))</span>
<span class="n">pos</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">ax</span><span class="o">.</span><span class="n">get_position</span><span class="p">()</span><span class="o">.</span><span class="n">bounds</span><span class="p">)</span>
<span class="n">x_text</span> <span class="o">=</span> <span class="n">pos</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="mf">0.01</span>
<span class="n">y_text</span> <span class="o">=</span> <span class="n">pos</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="n">pos</span><span class="p">[</span><span class="mi">3</span><span class="p">]</span><span class="o">/</span><span class="mf">2.</span>
<span class="n">fig</span><span class="o">.</span><span class="n">text</span><span class="p">(</span><span class="n">x_text</span><span class="p">,</span> <span class="n">y_text</span><span class="p">,</span> <span class="n">name</span><span class="p">,</span> <span class="n">va</span><span class="o">=</span><span class="s1">'center'</span><span class="p">,</span> <span class="n">ha</span><span class="o">=</span><span class="s1">'right'</span><span class="p">,</span> <span class="n">fontsize</span><span class="o">=</span><span class="mi">10</span><span class="p">)</span>
<span class="c1"># Turn off *all* ticks & spines, not just the ones with colormaps.</span>
<span class="k">for</span> <span class="n">ax</span> <span class="ow">in</span> <span class="n">axes</span><span class="p">:</span>
<span class="n">ax</span><span class="o">.</span><span class="n">set_axis_off</span><span class="p">()</span>
<span class="k">for</span> <span class="n">cmap_category</span><span class="p">,</span> <span class="n">cmap_list</span> <span class="ow">in</span> <span class="n">cmaps</span><span class="o">.</span><span class="n">items</span><span class="p">():</span>
<span class="n">plot_color_gradients</span><span class="p">(</span><span class="n">cmap_category</span><span class="p">,</span> <span class="n">cmap_list</span><span class="p">,</span> <span class="n">nrows</span><span class="p">)</span>
<a href="../../api/_as_gen/matplotlib.pyplot.show.html#matplotlib.pyplot.show" title="View documentation for matplotlib.pyplot.show"><span class="n">plt</span><span class="o">.</span><span class="n">show</span></a><span class="p">()</span>
</pre></div>
</div>
<ul class="sphx-glr-horizontal">
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_001.png"><img alt="../../_images/sphx_glr_colormaps_001.png" src="../../_images/sphx_glr_colormaps_001.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_002.png"><img alt="../../_images/sphx_glr_colormaps_002.png" src="../../_images/sphx_glr_colormaps_002.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_003.png"><img alt="../../_images/sphx_glr_colormaps_003.png" src="../../_images/sphx_glr_colormaps_003.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_004.png"><img alt="../../_images/sphx_glr_colormaps_004.png" src="../../_images/sphx_glr_colormaps_004.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_005.png"><img alt="../../_images/sphx_glr_colormaps_005.png" src="../../_images/sphx_glr_colormaps_005.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_006.png"><img alt="../../_images/sphx_glr_colormaps_006.png" src="../../_images/sphx_glr_colormaps_006.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
</ul>
</div>
</div>
<div class="section" id="lightness-of-matplotlib-colormaps">
<h2>Lightness of matplotlib colormaps<a class="headerlink" href="#lightness-of-matplotlib-colormaps" title="Permalink to this headline">¶</a></h2>
<p>Here we examine the lightness values of the matplotlib colormaps.
Note that some documentation on the colormaps is available
(<a class="reference internal" href="#list-colormaps" id="id7">[list-colormaps]</a>).</p>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="n">mpl</span><span class="o">.</span><span class="n">rcParams</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s1">'font.size'</span><span class="p">:</span> <span class="mi">12</span><span class="p">})</span>
<span class="c1"># Number of colormap per subplot for particular cmap categories</span>
<span class="n">_DSUBS</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'Perceptually Uniform Sequential'</span><span class="p">:</span> <span class="mi">5</span><span class="p">,</span> <span class="s1">'Sequential'</span><span class="p">:</span> <span class="mi">6</span><span class="p">,</span>
<span class="s1">'Sequential (2)'</span><span class="p">:</span> <span class="mi">6</span><span class="p">,</span> <span class="s1">'Diverging'</span><span class="p">:</span> <span class="mi">6</span><span class="p">,</span> <span class="s1">'Qualitative'</span><span class="p">:</span> <span class="mi">4</span><span class="p">,</span>
<span class="s1">'Miscellaneous'</span><span class="p">:</span> <span class="mi">6</span><span class="p">}</span>
<span class="c1"># Spacing between the colormaps of a subplot</span>
<span class="n">_DC</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'Perceptually Uniform Sequential'</span><span class="p">:</span> <span class="mf">1.4</span><span class="p">,</span> <span class="s1">'Sequential'</span><span class="p">:</span> <span class="mf">0.7</span><span class="p">,</span>
<span class="s1">'Sequential (2)'</span><span class="p">:</span> <span class="mf">1.4</span><span class="p">,</span> <span class="s1">'Diverging'</span><span class="p">:</span> <span class="mf">1.4</span><span class="p">,</span> <span class="s1">'Qualitative'</span><span class="p">:</span> <span class="mf">1.4</span><span class="p">,</span>
<span class="s1">'Miscellaneous'</span><span class="p">:</span> <span class="mf">1.4</span><span class="p">}</span>
<span class="c1"># Indices to step through colormap</span>
<span class="n">x</span> <span class="o">=</span> <a href="https://docs.scipy.org/doc/numpy/reference/generated/numpy.linspace.html#numpy.linspace" title="View documentation for numpy.linspace"><span class="n">np</span><span class="o">.</span><span class="n">linspace</span></a><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span> <span class="mf">1.0</span><span class="p">,</span> <span class="mi">100</span><span class="p">)</span>
<span class="c1"># Do plot</span>
<span class="k">for</span> <span class="n">cmap_category</span><span class="p">,</span> <span class="n">cmap_list</span> <span class="ow">in</span> <span class="n">cmaps</span><span class="o">.</span><span class="n">items</span><span class="p">():</span>
<span class="c1"># Do subplots so that colormaps have enough space.</span>
<span class="c1"># Default is 6 colormaps per subplot.</span>
<span class="n">dsub</span> <span class="o">=</span> <span class="n">_DSUBS</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">cmap_category</span><span class="p">,</span> <span class="mi">6</span><span class="p">)</span>
<span class="n">nsubplots</span> <span class="o">=</span> <span class="nb">int</span><span class="p">(</span><a href="https://docs.scipy.org/doc/numpy/reference/generated/numpy.ceil.html#numpy.ceil" title="View documentation for numpy.ceil"><span class="n">np</span><span class="o">.</span><span class="n">ceil</span></a><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">cmap_list</span><span class="p">)</span> <span class="o">/</span> <span class="n">dsub</span><span class="p">))</span>
<span class="c1"># squeeze=False to handle similarly the case of a single subplot</span>
<span class="n">fig</span><span class="p">,</span> <span class="n">axes</span> <span class="o">=</span> <a href="../../api/_as_gen/matplotlib.pyplot.subplots.html#matplotlib.pyplot.subplots" title="View documentation for matplotlib.pyplot.subplots"><span class="n">plt</span><span class="o">.</span><span class="n">subplots</span></a><span class="p">(</span><span class="n">nrows</span><span class="o">=</span><span class="n">nsubplots</span><span class="p">,</span> <span class="n">squeeze</span><span class="o">=</span><span class="bp">False</span><span class="p">,</span>
<span class="n">figsize</span><span class="o">=</span><span class="p">(</span><span class="mi">7</span><span class="p">,</span> <span class="mf">2.6</span><span class="o">*</span><span class="n">nsubplots</span><span class="p">))</span>
<span class="k">for</span> <span class="n">i</span><span class="p">,</span> <span class="n">ax</span> <span class="ow">in</span> <span class="nb">enumerate</span><span class="p">(</span><span class="n">axes</span><span class="o">.</span><span class="n">flat</span><span class="p">):</span>
<span class="n">locs</span> <span class="o">=</span> <span class="p">[]</span> <span class="c1"># locations for text labels</span>
<span class="k">for</span> <span class="n">j</span><span class="p">,</span> <span class="n">cmap</span> <span class="ow">in</span> <span class="nb">enumerate</span><span class="p">(</span><span class="n">cmap_list</span><span class="p">[</span><span class="n">i</span><span class="o">*</span><span class="n">dsub</span><span class="p">:(</span><span class="n">i</span><span class="o">+</span><span class="mi">1</span><span class="p">)</span><span class="o">*</span><span class="n">dsub</span><span class="p">]):</span>
<span class="c1"># Get RGB values for colormap and convert the colormap in</span>
<span class="c1"># CAM02-UCS colorspace. lab[0, :, 0] is the lightness.</span>
<span class="n">rgb</span> <span class="o">=</span> <a href="../../api/cm_api.html#matplotlib.cm.get_cmap" title="View documentation for matplotlib.cm.get_cmap"><span class="n">cm</span><span class="o">.</span><span class="n">get_cmap</span></a><span class="p">(</span><span class="n">cmap</span><span class="p">)(</span><span class="n">x</span><span class="p">)[</span><a href="https://docs.scipy.org/doc/numpy/reference/arrays.indexing.html#numpy.newaxis" title="View documentation for numpy.newaxis"><span class="n">np</span><span class="o">.</span><span class="n">newaxis</span></a><span class="p">,</span> <span class="p">:,</span> <span class="p">:</span><span class="mi">3</span><span class="p">]</span>
<span class="n">lab</span> <span class="o">=</span> <span class="n">cspace_converter</span><span class="p">(</span><span class="s2">"sRGB1"</span><span class="p">,</span> <span class="s2">"CAM02-UCS"</span><span class="p">)(</span><span class="n">rgb</span><span class="p">)</span>
<span class="c1"># Plot colormap L values. Do separately for each category</span>
<span class="c1"># so each plot can be pretty. To make scatter markers change</span>
<span class="c1"># color along plot:</span>
<span class="c1"># http://stackoverflow.com/questions/8202605/matplotlib-scatterplot-colour-as-a-function-of-a-third-variable</span>
<span class="k">if</span> <span class="n">cmap_category</span> <span class="o">==</span> <span class="s1">'Sequential'</span><span class="p">:</span>
<span class="c1"># These colormaps all start at high lightness but we want them</span>
<span class="c1"># reversed to look nice in the plot, so reverse the order.</span>
<span class="n">y_</span> <span class="o">=</span> <span class="n">lab</span><span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="p">::</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">]</span>
<span class="n">c_</span> <span class="o">=</span> <span class="n">x</span><span class="p">[::</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span>
<span class="k">else</span><span class="p">:</span>
<span class="n">y_</span> <span class="o">=</span> <span class="n">lab</span><span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="p">:,</span> <span class="mi">0</span><span class="p">]</span>
<span class="n">c_</span> <span class="o">=</span> <span class="n">x</span>
<span class="n">dc</span> <span class="o">=</span> <span class="n">_DC</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">cmap_category</span><span class="p">,</span> <span class="mf">1.4</span><span class="p">)</span> <span class="c1"># cmaps horizontal spacing</span>
<span class="n">ax</span><span class="o">.</span><span class="n">scatter</span><span class="p">(</span><span class="n">x</span> <span class="o">+</span> <span class="n">j</span><span class="o">*</span><span class="n">dc</span><span class="p">,</span> <span class="n">y_</span><span class="p">,</span> <span class="n">c</span><span class="o">=</span><span class="n">c_</span><span class="p">,</span> <span class="n">cmap</span><span class="o">=</span><span class="n">cmap</span><span class="p">,</span> <span class="n">s</span><span class="o">=</span><span class="mi">300</span><span class="p">,</span> <span class="n">linewidths</span><span class="o">=</span><span class="mf">0.0</span><span class="p">)</span>
<span class="c1"># Store locations for colormap labels</span>
<span class="k">if</span> <span class="n">cmap_category</span> <span class="ow">in</span> <span class="p">(</span><span class="s1">'Perceptually Uniform Sequential'</span><span class="p">,</span>
<span class="s1">'Sequential'</span><span class="p">):</span>
<span class="n">locs</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">x</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="n">j</span><span class="o">*</span><span class="n">dc</span><span class="p">)</span>
<span class="k">elif</span> <span class="n">cmap_category</span> <span class="ow">in</span> <span class="p">(</span><span class="s1">'Diverging'</span><span class="p">,</span> <span class="s1">'Qualitative'</span><span class="p">,</span>
<span class="s1">'Miscellaneous'</span><span class="p">,</span> <span class="s1">'Sequential (2)'</span><span class="p">):</span>
<span class="n">locs</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">x</span><span class="p">[</span><span class="nb">int</span><span class="p">(</span><span class="n">x</span><span class="o">.</span><span class="n">size</span><span class="o">/</span><span class="mf">2.</span><span class="p">)]</span> <span class="o">+</span> <span class="n">j</span><span class="o">*</span><span class="n">dc</span><span class="p">)</span>
<span class="c1"># Set up the axis limits:</span>
<span class="c1"># * the 1st subplot is used as a reference for the x-axis limits</span>
<span class="c1"># * lightness values goes from 0 to 100 (y-axis limits)</span>
<span class="n">ax</span><span class="o">.</span><span class="n">set_xlim</span><span class="p">(</span><span class="n">axes</span><span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">get_xlim</span><span class="p">())</span>
<span class="n">ax</span><span class="o">.</span><span class="n">set_ylim</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span> <span class="mf">100.0</span><span class="p">)</span>
<span class="c1"># Set up labels for colormaps</span>
<span class="n">ax</span><span class="o">.</span><span class="n">xaxis</span><span class="o">.</span><span class="n">set_ticks_position</span><span class="p">(</span><span class="s1">'top'</span><span class="p">)</span>
<span class="n">ticker</span> <span class="o">=</span> <a href="../../api/ticker_api.html#matplotlib.ticker.FixedLocator" title="View documentation for matplotlib.ticker.FixedLocator"><span class="n">mpl</span><span class="o">.</span><span class="n">ticker</span><span class="o">.</span><span class="n">FixedLocator</span></a><span class="p">(</span><span class="n">locs</span><span class="p">)</span>
<span class="n">ax</span><span class="o">.</span><span class="n">xaxis</span><span class="o">.</span><span class="n">set_major_locator</span><span class="p">(</span><span class="n">ticker</span><span class="p">)</span>
<span class="n">formatter</span> <span class="o">=</span> <a href="../../api/ticker_api.html#matplotlib.ticker.FixedFormatter" title="View documentation for matplotlib.ticker.FixedFormatter"><span class="n">mpl</span><span class="o">.</span><span class="n">ticker</span><span class="o">.</span><span class="n">FixedFormatter</span></a><span class="p">(</span><span class="n">cmap_list</span><span class="p">[</span><span class="n">i</span><span class="o">*</span><span class="n">dsub</span><span class="p">:(</span><span class="n">i</span><span class="o">+</span><span class="mi">1</span><span class="p">)</span><span class="o">*</span><span class="n">dsub</span><span class="p">])</span>
<span class="n">ax</span><span class="o">.</span><span class="n">xaxis</span><span class="o">.</span><span class="n">set_major_formatter</span><span class="p">(</span><span class="n">formatter</span><span class="p">)</span>
<span class="n">ax</span><span class="o">.</span><span class="n">xaxis</span><span class="o">.</span><span class="n">set_tick_params</span><span class="p">(</span><span class="n">rotation</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="n">ax</span><span class="o">.</span><span class="n">set_xlabel</span><span class="p">(</span><span class="n">cmap_category</span> <span class="o">+</span> <span class="s1">' colormaps'</span><span class="p">,</span> <span class="n">fontsize</span><span class="o">=</span><span class="mi">14</span><span class="p">)</span>
<span class="n">fig</span><span class="o">.</span><span class="n">text</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span> <span class="mf">0.55</span><span class="p">,</span> <span class="s1">'Lightness $L^*$'</span><span class="p">,</span> <span class="n">fontsize</span><span class="o">=</span><span class="mi">12</span><span class="p">,</span>
<span class="n">transform</span><span class="o">=</span><span class="n">fig</span><span class="o">.</span><span class="n">transFigure</span><span class="p">,</span> <span class="n">rotation</span><span class="o">=</span><span class="mi">90</span><span class="p">)</span>
<span class="n">fig</span><span class="o">.</span><span class="n">tight_layout</span><span class="p">(</span><span class="n">h_pad</span><span class="o">=</span><span class="mf">0.0</span><span class="p">,</span> <span class="n">pad</span><span class="o">=</span><span class="mf">1.5</span><span class="p">)</span>
<a href="../../api/_as_gen/matplotlib.pyplot.show.html#matplotlib.pyplot.show" title="View documentation for matplotlib.pyplot.show"><span class="n">plt</span><span class="o">.</span><span class="n">show</span></a><span class="p">()</span>
</pre></div>
</div>
<ul class="sphx-glr-horizontal">
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_007.png"><img alt="../../_images/sphx_glr_colormaps_007.png" src="../../_images/sphx_glr_colormaps_007.png" style="width: 329.0px; height: 122.19999999999999px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_008.png"><img alt="../../_images/sphx_glr_colormaps_008.png" src="../../_images/sphx_glr_colormaps_008.png" style="width: 329.0px; height: 366.59999999999997px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_009.png"><img alt="../../_images/sphx_glr_colormaps_009.png" src="../../_images/sphx_glr_colormaps_009.png" style="width: 329.0px; height: 366.59999999999997px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_010.png"><img alt="../../_images/sphx_glr_colormaps_010.png" src="../../_images/sphx_glr_colormaps_010.png" style="width: 329.0px; height: 244.39999999999998px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_011.png"><img alt="../../_images/sphx_glr_colormaps_011.png" src="../../_images/sphx_glr_colormaps_011.png" style="width: 329.0px; height: 366.59999999999997px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_012.png"><img alt="../../_images/sphx_glr_colormaps_012.png" src="../../_images/sphx_glr_colormaps_012.png" style="width: 329.0px; height: 366.59999999999997px;" /></a>
</li>
</ul>
</div>
<div class="section" id="grayscale-conversion">
<h2>Grayscale conversion<a class="headerlink" href="#grayscale-conversion" title="Permalink to this headline">¶</a></h2>
<p>It is important to pay attention to conversion to grayscale for color
plots, since they may be printed on black and white printers. If not
carefully considered, your readers may end up with indecipherable
plots because the grayscale changes unpredictably through the
colormap.</p>
<p>Conversion to grayscale is done in many different ways <a class="reference internal" href="#bw" id="id8">[bw]</a>. Some of the better
ones use a linear combination of the rgb values of a pixel, but weighted
according to how we perceive color intensity. A nonlinear method of conversion
to grayscale is to use the <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values of the pixels. In general, similar
principles apply for this question as they do for presenting one’s information
perceptually; that is, if a colormap is chosen that is monotonically increasing
in <img src="../../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values, it will print in a reasonable manner to grayscale.</p>
<p>With this in mind, we see that the Sequential colormaps have reasonable
representations in grayscale. Some of the Sequential2 colormaps have decent
enough grayscale representations, though some (autumn, spring, summer, winter)
have very little grayscale change. If a colormap like this was used in a plot
and then the plot was printed to grayscale, a lot of the information may map to
the same gray values. The Diverging colormaps mostly vary from darker gray on
the outer edges to white in the middle. Some (PuOr and seismic) have noticeably
darker gray on one side than the other and therefore are not very symmetric.
coolwarm has little range of gray scale and would print to a more uniform plot,
losing a lot of detail. Note that overlaid, labeled contours could help
differentiate between one side of the colormap vs. the other since color cannot
be used once a plot is printed to grayscale. Many of the Qualitative and
Miscellaneous colormaps, such as Accent, hsv, and jet, change from darker to
lighter and back to darker gray throughout the colormap. This would make it
impossible for a viewer to interpret the information in a plot once it is
printed in grayscale.</p>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="n">mpl</span><span class="o">.</span><span class="n">rcParams</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s1">'font.size'</span><span class="p">:</span> <span class="mi">14</span><span class="p">})</span>
<span class="c1"># Indices to step through colormap.</span>
<span class="n">x</span> <span class="o">=</span> <a href="https://docs.scipy.org/doc/numpy/reference/generated/numpy.linspace.html#numpy.linspace" title="View documentation for numpy.linspace"><span class="n">np</span><span class="o">.</span><span class="n">linspace</span></a><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span> <span class="mf">1.0</span><span class="p">,</span> <span class="mi">100</span><span class="p">)</span>
<span class="n">gradient</span> <span class="o">=</span> <a href="https://docs.scipy.org/doc/numpy/reference/generated/numpy.linspace.html#numpy.linspace" title="View documentation for numpy.linspace"><span class="n">np</span><span class="o">.</span><span class="n">linspace</span></a><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">256</span><span class="p">)</span>
<span class="n">gradient</span> <span class="o">=</span> <a href="https://docs.scipy.org/doc/numpy/reference/generated/numpy.vstack.html#numpy.vstack" title="View documentation for numpy.vstack"><span class="n">np</span><span class="o">.</span><span class="n">vstack</span></a><span class="p">((</span><span class="n">gradient</span><span class="p">,</span> <span class="n">gradient</span><span class="p">))</span>
<span class="k">def</span> <span class="nf">plot_color_gradients</span><span class="p">(</span><span class="n">cmap_category</span><span class="p">,</span> <span class="n">cmap_list</span><span class="p">):</span>
<span class="n">fig</span><span class="p">,</span> <span class="n">axes</span> <span class="o">=</span> <a href="../../api/_as_gen/matplotlib.pyplot.subplots.html#matplotlib.pyplot.subplots" title="View documentation for matplotlib.pyplot.subplots"><span class="n">plt</span><span class="o">.</span><span class="n">subplots</span></a><span class="p">(</span><span class="n">nrows</span><span class="o">=</span><span class="nb">len</span><span class="p">(</span><span class="n">cmap_list</span><span class="p">),</span> <span class="n">ncols</span><span class="o">=</span><span class="mi">2</span><span class="p">)</span>
<span class="n">fig</span><span class="o">.</span><span class="n">subplots_adjust</span><span class="p">(</span><span class="n">top</span><span class="o">=</span><span class="mf">0.95</span><span class="p">,</span> <span class="n">bottom</span><span class="o">=</span><span class="mf">0.01</span><span class="p">,</span> <span class="n">left</span><span class="o">=</span><span class="mf">0.2</span><span class="p">,</span> <span class="n">right</span><span class="o">=</span><span class="mf">0.99</span><span class="p">,</span>
<span class="n">wspace</span><span class="o">=</span><span class="mf">0.05</span><span class="p">)</span>
<span class="n">fig</span><span class="o">.</span><span class="n">suptitle</span><span class="p">(</span><span class="n">cmap_category</span> <span class="o">+</span> <span class="s1">' colormaps'</span><span class="p">,</span> <span class="n">fontsize</span><span class="o">=</span><span class="mi">14</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="mf">1.0</span><span class="p">,</span> <span class="n">x</span><span class="o">=</span><span class="mf">0.6</span><span class="p">)</span>
<span class="k">for</span> <span class="n">ax</span><span class="p">,</span> <span class="n">name</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">axes</span><span class="p">,</span> <span class="n">cmap_list</span><span class="p">):</span>
<span class="c1"># Get RGB values for colormap.</span>
<span class="n">rgb</span> <span class="o">=</span> <a href="../../api/cm_api.html#matplotlib.cm.get_cmap" title="View documentation for matplotlib.cm.get_cmap"><span class="n">cm</span><span class="o">.</span><span class="n">get_cmap</span></a><span class="p">(</span><span class="n">plt</span><span class="o">.</span><span class="n">get_cmap</span><span class="p">(</span><span class="n">name</span><span class="p">))(</span><span class="n">x</span><span class="p">)[</span><a href="https://docs.scipy.org/doc/numpy/reference/arrays.indexing.html#numpy.newaxis" title="View documentation for numpy.newaxis"><span class="n">np</span><span class="o">.</span><span class="n">newaxis</span></a><span class="p">,</span> <span class="p">:,</span> <span class="p">:</span><span class="mi">3</span><span class="p">]</span>
<span class="c1"># Get colormap in CAM02-UCS colorspace. We want the lightness.</span>
<span class="n">lab</span> <span class="o">=</span> <span class="n">cspace_converter</span><span class="p">(</span><span class="s2">"sRGB1"</span><span class="p">,</span> <span class="s2">"CAM02-UCS"</span><span class="p">)(</span><span class="n">rgb</span><span class="p">)</span>
<span class="n">L</span> <span class="o">=</span> <span class="n">lab</span><span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="p">:,</span> <span class="mi">0</span><span class="p">]</span>
<span class="n">L</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">float32</span><span class="p">(</span><a href="https://docs.scipy.org/doc/numpy/reference/generated/numpy.vstack.html#numpy.vstack" title="View documentation for numpy.vstack"><span class="n">np</span><span class="o">.</span><span class="n">vstack</span></a><span class="p">((</span><span class="n">L</span><span class="p">,</span> <span class="n">L</span><span class="p">,</span> <span class="n">L</span><span class="p">)))</span>
<span class="n">ax</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">gradient</span><span class="p">,</span> <span class="n">aspect</span><span class="o">=</span><span class="s1">'auto'</span><span class="p">,</span> <span class="n">cmap</span><span class="o">=</span><span class="n">plt</span><span class="o">.</span><span class="n">get_cmap</span><span class="p">(</span><span class="n">name</span><span class="p">))</span>
<span class="n">ax</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">L</span><span class="p">,</span> <span class="n">aspect</span><span class="o">=</span><span class="s1">'auto'</span><span class="p">,</span> <span class="n">cmap</span><span class="o">=</span><span class="s1">'binary_r'</span><span class="p">,</span> <span class="n">vmin</span><span class="o">=</span><span class="mf">0.</span><span class="p">,</span> <span class="n">vmax</span><span class="o">=</span><span class="mf">100.</span><span class="p">)</span>
<span class="n">pos</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">ax</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">get_position</span><span class="p">()</span><span class="o">.</span><span class="n">bounds</span><span class="p">)</span>
<span class="n">x_text</span> <span class="o">=</span> <span class="n">pos</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="mf">0.01</span>
<span class="n">y_text</span> <span class="o">=</span> <span class="n">pos</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="n">pos</span><span class="p">[</span><span class="mi">3</span><span class="p">]</span><span class="o">/</span><span class="mf">2.</span>
<span class="n">fig</span><span class="o">.</span><span class="n">text</span><span class="p">(</span><span class="n">x_text</span><span class="p">,</span> <span class="n">y_text</span><span class="p">,</span> <span class="n">name</span><span class="p">,</span> <span class="n">va</span><span class="o">=</span><span class="s1">'center'</span><span class="p">,</span> <span class="n">ha</span><span class="o">=</span><span class="s1">'right'</span><span class="p">,</span> <span class="n">fontsize</span><span class="o">=</span><span class="mi">10</span><span class="p">)</span>
<span class="c1"># Turn off *all* ticks & spines, not just the ones with colormaps.</span>
<span class="k">for</span> <span class="n">ax</span> <span class="ow">in</span> <span class="n">axes</span><span class="o">.</span><span class="n">flat</span><span class="p">:</span>
<span class="n">ax</span><span class="o">.</span><span class="n">set_axis_off</span><span class="p">()</span>
<a href="../../api/_as_gen/matplotlib.pyplot.show.html#matplotlib.pyplot.show" title="View documentation for matplotlib.pyplot.show"><span class="n">plt</span><span class="o">.</span><span class="n">show</span></a><span class="p">()</span>
<span class="k">for</span> <span class="n">cmap_category</span><span class="p">,</span> <span class="n">cmap_list</span> <span class="ow">in</span> <span class="n">cmaps</span><span class="o">.</span><span class="n">items</span><span class="p">():</span>
<span class="n">plot_color_gradients</span><span class="p">(</span><span class="n">cmap_category</span><span class="p">,</span> <span class="n">cmap_list</span><span class="p">)</span>
</pre></div>
</div>
<ul class="sphx-glr-horizontal">
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_013.png"><img alt="../../_images/sphx_glr_colormaps_013.png" src="../../_images/sphx_glr_colormaps_013.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_014.png"><img alt="../../_images/sphx_glr_colormaps_014.png" src="../../_images/sphx_glr_colormaps_014.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_015.png"><img alt="../../_images/sphx_glr_colormaps_015.png" src="../../_images/sphx_glr_colormaps_015.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_016.png"><img alt="../../_images/sphx_glr_colormaps_016.png" src="../../_images/sphx_glr_colormaps_016.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_017.png"><img alt="../../_images/sphx_glr_colormaps_017.png" src="../../_images/sphx_glr_colormaps_017.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
<li><a class="first reference internal image-reference" href="../../_images/sphx_glr_colormaps_018.png"><img alt="../../_images/sphx_glr_colormaps_018.png" src="../../_images/sphx_glr_colormaps_018.png" style="width: 300.79999999999995px; height: 225.6px;" /></a>
</li>
</ul>
</div>
<div class="section" id="color-vision-deficiencies">
<h2>Color vision deficiencies<a class="headerlink" href="#color-vision-deficiencies" title="Permalink to this headline">¶</a></h2>
<p>There is a lot of information available about color blindness (<em>e.g.</em>,
<a class="reference internal" href="#colorblindness" id="id9">[colorblindness]</a>). Additionally, there are tools available to convert images to
how they look for different types of color vision deficiencies (<em>e.g.</em>,
<a class="reference internal" href="#vischeck" id="id10">[vischeck]</a>).</p>
<p>The most common form of color vision deficiency involves differentiating between
red and green. Thus, avoiding colormaps with both red and green will avoid many
problems in general.</p>
</div>
<div class="section" id="references">
<h2>References<a class="headerlink" href="#references" title="Permalink to this headline">¶</a></h2>
<table class="docutils citation" frame="void" id="colorcet" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id2">[colorcet]</a></td><td><a class="reference external" href="https://github.com/bokeh/colorcet">https://github.com/bokeh/colorcet</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="ware" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id1">[Ware]</a></td><td><a class="reference external" href="http://ccom.unh.edu/sites/default/files/publications/Ware_1988_CGA_Color_sequences_univariate_maps.pdf">http://ccom.unh.edu/sites/default/files/publications/Ware_1988_CGA_Color_sequences_univariate_maps.pdf</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="moreland" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id4">[Moreland]</a></td><td><a class="reference external" href="http://www.kennethmoreland.com/color-maps/ColorMapsExpanded.pdf">http://www.kennethmoreland.com/color-maps/ColorMapsExpanded.pdf</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="list-colormaps" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id7">[list-colormaps]</a></td><td><a class="reference external" href="https://gist.github.com/endolith/2719900#id7">https://gist.github.com/endolith/2719900#id7</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="mycarta-banding" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id5">[mycarta-banding]</a></td><td><a class="reference external" href="https://mycarta.wordpress.com/2012/10/14/the-rainbow-is-deadlong-live-the-rainbow-part-4-cie-lab-heated-body/">https://mycarta.wordpress.com/2012/10/14/the-rainbow-is-deadlong-live-the-rainbow-part-4-cie-lab-heated-body/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="mycarta-jet" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id6">[mycarta-jet]</a></td><td><a class="reference external" href="https://mycarta.wordpress.com/2012/10/06/the-rainbow-is-deadlong-live-the-rainbow-part-3/">https://mycarta.wordpress.com/2012/10/06/the-rainbow-is-deadlong-live-the-rainbow-part-3/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="bw" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id8">[bw]</a></td><td><a class="reference external" href="http://www.tannerhelland.com/3643/grayscale-image-algorithm-vb6/">http://www.tannerhelland.com/3643/grayscale-image-algorithm-vb6/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="colorblindness" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id9">[colorblindness]</a></td><td><a class="reference external" href="http://www.color-blindness.com/">http://www.color-blindness.com/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="vischeck" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id10">[vischeck]</a></td><td><a class="reference external" href="http://www.vischeck.com/vischeck/">http://www.vischeck.com/vischeck/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="ibm" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id3">[IBM]</a></td><td><a class="reference external" href="http://www.research.ibm.com/people/l/lloydt/color/color.HTM">http://www.research.ibm.com/people/l/lloydt/color/color.HTM</a></td></tr>
</tbody>
</table>
<p><strong>Total running time of the script:</strong> ( 0 minutes 2.044 seconds)</p>
<div class="sphx-glr-footer docutils container">
<div class="sphx-glr-download docutils container">
<a class="reference download internal" href="../../_downloads/colormaps.py" download=""><code class="xref download docutils literal notranslate"><span class="pre">Download</span> <span class="pre">Python</span> <span class="pre">source</span> <span class="pre">code:</span> <span class="pre">colormaps.py</span></code></a></div>
<div class="sphx-glr-download docutils container">
<a class="reference download internal" href="../../_downloads/colormaps.ipynb" download=""><code class="xref download docutils literal notranslate"><span class="pre">Download</span> <span class="pre">Jupyter</span> <span class="pre">notebook:</span> <span class="pre">colormaps.ipynb</span></code></a></div>
</div>
<p class="sphx-glr-signature"><a class="reference external" href="https://sphinx-gallery.readthedocs.io">Gallery generated by Sphinx-Gallery</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="footer">
© Copyright 2002 - 2012 John Hunter, Darren Dale, Eric Firing, Michael Droettboom and the Matplotlib development team; 2012 - 2017 The Matplotlib development team.
Last updated on Mar 06, 2018.
Created using <a
href="http://sphinx-doc.org/">Sphinx</a> 1.7.1.
</div>
</body>
<footer>
</footer>
</html>