diff --git a/graph2d_examples.html b/graph2d_examples.html
index b8af1b96..576d0c04 100644
--- a/graph2d_examples.html
+++ b/graph2d_examples.html
@@ -227,6 +227,12 @@
             <div class="exampleTitle">labels</div>
         </a>
     </div>
+    <div class="col-lg-2 col-md-3 col-sm-6">
+        <a href="examples/graph2d/20_shading.html">
+            <img class="example img-responsive" src="./images/exampleScreenshots/graph2d/20.png">
+            <div class="exampleTitle">shading</div>
+        </a>
+    </div>
 </div>
 <br />
 <br />
@@ -238,4 +244,4 @@
 <!-- Include all compiled plugins (below), or include individual files as needed -->
 <script src="js/bootstrap.min.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/images/exampleScreenshots/graph2d/20.png b/images/exampleScreenshots/graph2d/20.png
new file mode 100644
index 00000000..75091814
Binary files /dev/null and b/images/exampleScreenshots/graph2d/20.png differ