<h3 dir="auto">Documentation Link</h3>
<p dir="auto"><a href="https://matplotlib.org/devdocs/gallery/widgets/span_selector.html" rel="nofollow">https://matplotlib.org/devdocs/gallery/widgets/span_selector.html</a></p>
<h3 dir="auto">Problem</h3>
<p dir="auto">I've noticed this in a couple instances, but was requested via twitter to report this one. I think a visitor would expect the spanselector example to be a dynamic, working version. When I go to the stable or dev link, it appears as a static image.</p>
<h3 dir="auto">Suggested improvement</h3>
<p dir="auto">A working example would be helpful for users to know how spanselector actually works. This seems like a great feature that folks might like to embed in their websites.</p>
<h3 dir="auto">Problem</h3>
<p dir="auto">It can be hard to discern what a widget example does as for many of them there are no images that show up in the docs. For example the <a href="https://matplotlib.org/devdocs/gallery/widgets/lasso_selector_demo_sgskip.html#sphx-glr-gallery-widgets-lasso-selector-demo-sgskip-py" rel="nofollow">Lasso Selector Demo</a> has no image and the <a href="https://matplotlib.org/devdocs/gallery/event_handling/lasso_demo.html#sphx-glr-gallery-event-handling-lasso-demo-py" rel="nofollow">Lasso Demo</a> only has a static image.</p>

<h3 dir="auto">Suggested Improvement</h3>
<p dir="auto">Manually generate GIFS of the usage and embed them onto the example pages. For example here is a GIF of me using the LassoSelector demo:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10111092/103472284-c2c43a00-4d59-11eb-8c03-59ca6e2b9489.gif"><img src="https://user-images.githubusercontent.com/10111092/103472284-c2c43a00-4d59-11eb-8c03-59ca6e2b9489.gif" alt="lasso-selector" data-animated-image="" style="max-width: 100%;"></a></p>
<p dir="auto">I'm not sure if sphinx-gallery supports this though? maybe embeding and html <code class="notranslate">&lt;img&gt;</code> tag into the comment at the top would work?<br>
Also instead of <code class="notranslate">.gifs</code> I it would be better to keep files small by using <code class="notranslate">.apng</code> and running them <a href="https://tinypng.com/" rel="nofollow">https://tinypng.com/</a></p>