Update the legend documentation

Author: NicholasMamo

docs/.doctrees/drawable.doctree

@@ -520,7 +520,12 @@ <h2>Visualizations<a class="headerlink" href="#visualizations" title="Permalink
 </div>
 <div class="section" id="module-legend">
 <span id="legend"></span><h2>Legend<a class="headerlink" href="#module-legend" title="Permalink to this headline">¶</a></h2>
-<p>A legend contains a list of labels and their visual representation.</p>
+<p>Legends are a common sight in visualizations, and a helpful one as well.
+They give a name to the components that you include in your visualization.</p>
+<img alt="_images/3-time-series.png" class="example" src="_images/3-time-series.png" />
+<p>Legends are alternatives to inline labels in time series.
+Multiplex’s legends are drawn just below the caption.
+In this way, users can look at the drawn data and understand it immediately.</p>
 <dl class="class">
 <dt id="legend.Legend">
 <em class="property">class </em><code class="sig-prename descclassname">legend.</code><code class="sig-name descname">Legend</code><span class="sig-paren">(</span><em class="sig-param">drawable</em><span class="sig-paren">)</span><a class="headerlink" href="#legend.Legend" title="Permalink to this definition">¶</a></dt>

docs/.doctrees/environment.pickle

@@ -1,5 +1,13 @@
 """
-A legend contains a list of labels and their visual representation.
+Legends are a common sight in visualizations, and a helpful one as well.
+They give a name to the components that you include in your visualization.
+
+.. image:: ../examples/exports/3-time-series.png
+   :class: example
+
+Legends are alternatives to inline labels in time series.
+Multiplex's legends are drawn just below the caption.
+In this way, users can look at the drawn data and understand it immediately.
 """
 
 import os