diff --git a/2-js-basics/4-arrays-loops/README.md b/2-js-basics/4-arrays-loops/README.md
index 599b3ec4..078f6393 100644
--- a/2-js-basics/4-arrays-loops/README.md
+++ b/2-js-basics/4-arrays-loops/README.md
@@ -2,6 +2,9 @@
 
 [![Arrays and Loops](https://img.youtube.com/vi/Q_CRM2lXXBg/0.jpg)](https://youtube.com/watch?v=Q_CRM2lXXBg "Arrays and Loops")
 
+![JavaScript Basics - Arrays](images/webdev101-js-arrays.png)
+> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
+
 ## [Pre-lecture quiz](.github/pre-lecture-quiz.md)
 
 This lesson covers the basics of JavaScript, the language that provides interactivity on the web. In this lesson, you'll learn about arrays and loops, which are used to manipulate data.
diff --git a/2-js-basics/4-arrays-loops/images/webdev101-js-arrays.png b/2-js-basics/4-arrays-loops/images/webdev101-js-arrays.png
new file mode 100644
index 00000000..97c60ae2
Binary files /dev/null and b/2-js-basics/4-arrays-loops/images/webdev101-js-arrays.png differ