Files
2025/share/doc/scanloc/html/base/gradients.html

392 lines
22 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Color Gradients &#8212; scanloc: Phase Associator documentation</title>
<link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
<link rel="stylesheet" href="../_static/gempa.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=fa44fd50" />
<link rel="stylesheet" type="text/css" href="../_static/gempa.css?v=c960eebf" />
<link rel="stylesheet" type="text/css" href="../_static/graphviz.css?v=eafc0fe6" />
<script type="text/javascript" src="../_static/gempa.js"></script>
<script type="text/javascript" id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
<script data-url_root="../" id="documentation_options" src="../_static/documentation_options.js?v=b3ba4146"></script>
<script src="../_static/doctools.js?v=888ff710"></script>
<script src="../_static/sphinx_highlight.js?v=4825356b"></script>
<link rel="index" title="Index" href="../genindex.html" />
<link rel="search" title="Search" href="../search.html" />
</head>
<body>
<div class="header">
<div class="container">
<img class="background" src="../_static/icon.png"/>
<div class="content">
<span class="title">scanloc: Phase Associator </span>
<span class="version">2025.281#4efc2c878</span></h1>
</div>
</div>
</div>
<div class="nav">
<div class="container">
<div class="content"><a class="pull-right" id="sidebar-toggle">TOC</a>
<div class="related" role="navigation" aria-label="related navigation">
<ul>
<li class="right">
<a href="../genindex.html" title="General Index"
accesskey="I">
index
</a>
</li>
<li class="nav-item nav-item-0">
<a href="../index.html">Home</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="fitted content" id="anchors-container">
<div class="body" role="main">
<section id="color-gradients">
<span id="gradients"></span><h1>Color Gradients<a class="headerlink" href="#color-gradients" title="Permalink to this heading"></a></h1>
<section id="overview">
<h2>Overview<a class="headerlink" href="#overview" title="Permalink to this heading"></a></h2>
<p>A number of pre-defined color gradients are available for gempa modules.
These gradients can be used when displaying color-coded values such as grids,
spectrograms or heat-maps. The following is an overview of pre-defined
gradients along with the name of the gradient which can be used in
configurations. The gradients are grouped into:</p>
<ul class="simple">
<li><p><a class="reference internal" href="#gradients-fullspectrum"><span class="std std-ref">Full spectrum</span></a></p></li>
<li><p><a class="reference internal" href="#gradients-darkyellow"><span class="std std-ref">Dark to yellow</span></a></p></li>
<li><p><a class="reference internal" href="#gradients-blackandwhite"><span class="std std-ref">Black and white</span></a></p></li>
<li><p><a class="reference internal" href="#gradients-singlecolor"><span class="std std-ref">Single color</span></a></p></li>
<li><p><a class="reference internal" href="#gradients-threecolor"><span class="std std-ref">Three color</span></a></p></li>
</ul>
</section>
<section id="list-of-gradients">
<h2>List of Gradients<a class="headerlink" href="#list-of-gradients" title="Permalink to this heading"></a></h2>
<section id="full-spectrum">
<span id="gradients-fullspectrum"></span><h3>Full spectrum<a class="headerlink" href="#full-spectrum" title="Permalink to this heading"></a></h3>
<p>Gradients that use the full spectrum of colors.</p>
<section id="default">
<span id="gradients-default"></span><h4>Default<a class="headerlink" href="#default" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">Default</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/Default.png"><img alt="overview of the Default color-gradient" src="../_images/Default.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id1">
<a class="reference internal image-reference" href="../_images/Default_.png"><img alt="example spectrogram using the Default gradient" src="../_images/Default_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 15: Example spectrogram using the “Default” color-gradient.</span><a class="headerlink" href="#id1" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="spectrum">
<span id="gradients-spectrum"></span><h4>Spectrum<a class="headerlink" href="#spectrum" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">Spectrum</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/Spectrum.png"><img alt="overview of the Spectrum color-gradient" src="../_images/Spectrum.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id2">
<a class="reference internal image-reference" href="../_images/Spectrum_.png"><img alt="example spectrogram using the Spectrum gradient" src="../_images/Spectrum_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 17: Example spectrogram using the “Spectrum” color-gradient.</span><a class="headerlink" href="#id2" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="circle">
<span id="gradients-circle"></span><h4>Circle<a class="headerlink" href="#circle" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">Circle</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/Circle.png"><img alt="overview of the Circle color-gradient" src="../_images/Circle.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id3">
<a class="reference internal image-reference" href="../_images/Circle_.png"><img alt="example spectrogram using the Circle gradient" src="../_images/Circle_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 19: Example spectrogram using the “Circle” color-gradient.</span><a class="headerlink" href="#id3" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
</section>
<section id="dark-to-yellow">
<span id="gradients-darkyellow"></span><h3>Dark to yellow<a class="headerlink" href="#dark-to-yellow" title="Permalink to this heading"></a></h3>
<p>Gradients optically resembling fire with increased energy beeing displayed by
bright yellow tones.</p>
<section id="blackbody">
<span id="gradients-blackbody"></span><h4>BlackBody<a class="headerlink" href="#blackbody" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">BlackBody</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/BlackBody.png"><img alt="overview of the BlackBody color-gradient" src="../_images/BlackBody.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id4">
<a class="reference internal image-reference" href="../_images/BlackBody_.png"><img alt="example spectrogram using the BlackBody gradient" src="../_images/BlackBody_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 21: Example spectrogram using the “BlackBody” color-gradient.</span><a class="headerlink" href="#id4" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="inferno">
<span id="gradients-inferno"></span><h4>Inferno<a class="headerlink" href="#inferno" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">Inferno</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/Inferno.png"><img alt="overview of the Inferno color-gradient" src="../_images/Inferno.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id5">
<a class="reference internal image-reference" href="../_images/Inferno_.png"><img alt="example spectrogram using the Inferno gradient" src="../_images/Inferno_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 23: Example spectrogram using the “Inferno” color-gradient.</span><a class="headerlink" href="#id5" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="plasma">
<span id="gradients-plasma"></span><h4>Plasma<a class="headerlink" href="#plasma" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">Plasma</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/Plasma.png"><img alt="overview of the Plasma color-gradient" src="../_images/Plasma.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id6">
<a class="reference internal image-reference" href="../_images/Plasma_.png"><img alt="example spectrogram using the Plasma gradient" src="../_images/Plasma_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 25: Example spectrogram using the “Plasma” color-gradient.</span><a class="headerlink" href="#id6" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
</section>
<section id="black-and-white">
<span id="gradients-blackandwhite"></span><h3>Black and white<a class="headerlink" href="#black-and-white" title="Permalink to this heading"></a></h3>
<p>For a maximum contrast there are these two gradients that just use black and
white.</p>
<section id="blackwhite">
<span id="gradients-blackwhite"></span><h4>BlackWhite<a class="headerlink" href="#blackwhite" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">BlackWhite</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/BlackWhite.png"><img alt="overview of the BlackWhite color-gradient" src="../_images/BlackWhite.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id7">
<a class="reference internal image-reference" href="../_images/BlackWhite_.png"><img alt="example spectrogram using the BlackWhite gradient" src="../_images/BlackWhite_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 27: Example spectrogram using the “BlackWhite” color-gradient.</span><a class="headerlink" href="#id7" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="whiteblack">
<span id="gradients-whiteblack"></span><h4>WhiteBlack<a class="headerlink" href="#whiteblack" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">WhiteBlack</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/WhiteBlack.png"><img alt="overview of the WhiteBlack color-gradient" src="../_images/WhiteBlack.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id8">
<a class="reference internal image-reference" href="../_images/WhiteBlack_.png"><img alt="example spectrogram using the WhiteBlack gradient" src="../_images/WhiteBlack_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 29: Example spectrogram using the “WhiteBlack” color-gradient.</span><a class="headerlink" href="#id8" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
</section>
<section id="single-color">
<span id="gradients-singlecolor"></span><h3>Single color<a class="headerlink" href="#single-color" title="Permalink to this heading"></a></h3>
<p>The single color gradients have the same benefit as the
<a class="reference internal" href="#gradients-blackwhite"><span class="std std-ref">black and white gradients</span></a> and are of a high contrast.</p>
<section id="bluepurple">
<span id="gradients-bluepurple"></span><h4>BluePurple<a class="headerlink" href="#bluepurple" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">BuPu</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/BluePurple.png"><img alt="overview of the BluePurple color-gradient" src="../_images/BluePurple.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id9">
<a class="reference internal image-reference" href="../_images/BluePurple_.png"><img alt="example spectrogram using the BluePurple gradient" src="../_images/BluePurple_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 31: Example spectrogram using the “BluePurple” color-gradient.</span><a class="headerlink" href="#id9" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="blues">
<span id="gradients-blues"></span><h4>Blues<a class="headerlink" href="#blues" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">Blues</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/Blues.png"><img alt="overview of the Blues color-gradient" src="../_images/Blues.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id10">
<a class="reference internal image-reference" href="../_images/Blues_.png"><img alt="example spectrogram using the Blues gradient" src="../_images/Blues_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 33: Example spectrogram using the “Blues” color-gradient.</span><a class="headerlink" href="#id10" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="purplered">
<span id="gradients-purplered"></span><h4>PurpleRed<a class="headerlink" href="#purplered" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">PuRd</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/PurpleRed.png"><img alt="overview of the PurpleRed color-gradient" src="../_images/PurpleRed.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id11">
<a class="reference internal image-reference" href="../_images/PurpleRed_.png"><img alt="example spectrogram using the PurpleRed gradient" src="../_images/PurpleRed_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 35: Example spectrogram using the “PurpleRed” color-gradient.</span><a class="headerlink" href="#id11" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
</section>
<section id="three-color">
<span id="gradients-threecolor"></span><h3>Three color<a class="headerlink" href="#three-color" title="Permalink to this heading"></a></h3>
<p>Gradients allowing to distinguish more details than
<a class="reference internal" href="#gradients-singlecolor"><span class="std std-ref">single colored</span></a>.</p>
<section id="redyellowblue">
<span id="gradients-redyellowblue"></span><h4>RedYellowBlue<a class="headerlink" href="#redyellowblue" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">RdYlBu</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/RedYellowBlue.png"><img alt="overview of the RedYellowBlue color-gradient" src="../_images/RedYellowBlue.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id12">
<a class="reference internal image-reference" href="../_images/RedYellowBlue_.png"><img alt="example spectrogram using the RedYellowBlue gradient" src="../_images/RedYellowBlue_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 37: Example spectrogram using the “RedYellowBlue” color-gradient.</span><a class="headerlink" href="#id12" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="parula">
<span id="gradients-parula"></span><h4>Parula<a class="headerlink" href="#parula" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">Parula</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/Parula.png"><img alt="overview of the Parula color-gradient" src="../_images/Parula.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id13">
<a class="reference internal image-reference" href="../_images/Parula_.png"><img alt="example spectrogram using the Parula gradient" src="../_images/Parula_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 39: Example spectrogram using the “Parula” color-gradient.</span><a class="headerlink" href="#id13" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
<section id="viridis">
<span id="gradients-viridis"></span><h4>Viridis<a class="headerlink" href="#viridis" title="Permalink to this heading"></a></h4>
<ul class="simple">
<li><p>Configuration name: <code class="xref std std-option docutils literal notranslate"><span class="pre">Viridis</span></code></p></li>
</ul>
<figure class="align-default">
<a class="reference internal image-reference" href="../_images/Viridis.png"><img alt="overview of the Viridis color-gradient" src="../_images/Viridis.png" style="width: 420px;" /></a>
</figure>
<figure class="align-default" id="id14">
<a class="reference internal image-reference" href="../_images/Viridis_.png"><img alt="example spectrogram using the Viridis gradient" src="../_images/Viridis_.png" style="width: 420px;" /></a>
<figcaption>
<p><span class="caption-text">Figure 41: Example spectrogram using the “Viridis” color-gradient.</span><a class="headerlink" href="#id14" title="Permalink to this image"></a></p>
</figcaption>
</figure>
</section>
</section>
</section>
</section>
<div id="anchors-bottom"></div>
</div>
<div class="sidebar" role="navigation" aria-label="main navigation">
<div id="anchors-top"></div>
<div id="anchors" class="content">
<div id="searchbox" style="display: none" role="search">
<h3 id="searchlabel">Quick search</h3>
<div class="searchformwrapper">
<form class="search" action="../search.html" method="get">
<input type="text" name="q" aria-labelledby="searchlabel" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>
<input type="submit" value="Go" />
</form>
</div>
</div>
<script>document.getElementById('searchbox').style.display = "block"</script>
<div>
<h3><a href="../index.html">Table of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">Color Gradients</a><ul>
<li><a class="reference internal" href="#overview">Overview</a></li>
<li><a class="reference internal" href="#list-of-gradients">List of Gradients</a><ul>
<li><a class="reference internal" href="#full-spectrum">Full spectrum</a><ul>
<li><a class="reference internal" href="#default">Default</a></li>
<li><a class="reference internal" href="#spectrum">Spectrum</a></li>
<li><a class="reference internal" href="#circle">Circle</a></li>
</ul>
</li>
<li><a class="reference internal" href="#dark-to-yellow">Dark to yellow</a><ul>
<li><a class="reference internal" href="#blackbody">BlackBody</a></li>
<li><a class="reference internal" href="#inferno">Inferno</a></li>
<li><a class="reference internal" href="#plasma">Plasma</a></li>
</ul>
</li>
<li><a class="reference internal" href="#black-and-white">Black and white</a><ul>
<li><a class="reference internal" href="#blackwhite">BlackWhite</a></li>
<li><a class="reference internal" href="#whiteblack">WhiteBlack</a></li>
</ul>
</li>
<li><a class="reference internal" href="#single-color">Single color</a><ul>
<li><a class="reference internal" href="#bluepurple">BluePurple</a></li>
<li><a class="reference internal" href="#blues">Blues</a></li>
<li><a class="reference internal" href="#purplered">PurpleRed</a></li>
</ul>
</li>
<li><a class="reference internal" href="#three-color">Three color</a><ul>
<li><a class="reference internal" href="#redyellowblue">RedYellowBlue</a></li>
<li><a class="reference internal" href="#parula">Parula</a></li>
<li><a class="reference internal" href="#viridis">Viridis</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/base/gradients.rst.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="content">
Release <b></b> version <b>2025.281#4efc2c878</b>
<div class="copyright">
&copy; Copyright <a href="https://www.gempa.de">2014, gempa GmbH.</a>
</div>
</div>
</div>
</div>
</body>
</html>