diff --git a/basics.tex b/basics.tex
index 38c9cb2..e7ad0ea 100644
--- a/basics.tex
+++ b/basics.tex
@@ -474,6 +474,8 @@ \section{Functions}\label{s:basics-functions}
 which means its parameters and any variables created inside it are \gref{g:local-variable}{local} to the function.
 We will discuss scope in more detail in \chapref{s:callbacks}.
 
+\figpdf{figures/basics-scope.pdf}{Variable Scope}{f:basics-scope}
+
 \begin{aside}{Stuck in the Past}
   Why did JavaScript introduce another syntax
   rather than fixing the behavior of those defined with \texttt{function}?
diff --git a/book.tex b/book.tex
index a7fc32a..d43fcc8 100644
--- a/book.tex
+++ b/book.tex
@@ -53,4 +53,4 @@
 
 % \printindex
 
-\end{document}
+\end{document}
\ No newline at end of file
diff --git a/figures/basics-scope.pdf b/figures/basics-scope.pdf
new file mode 100644
index 0000000..ddca07b
Binary files /dev/null and b/figures/basics-scope.pdf differ
diff --git a/figures/basics-scope.svg b/figures/basics-scope.svg
new file mode 100644
index 0000000..579a6f5
--- /dev/null
+++ b/figures/basics-scope.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="281px" height="161px" viewBox="-0.5 -0.5 281 161" content="&lt;mxfile modified=&quot;2019-09-10T19:29:01.423Z&quot; host=&quot;www.draw.io&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36&quot; etag=&quot;r2H44Vsv4slUlk662TWs&quot; version=&quot;11.2.8&quot; type=&quot;google&quot; pages=&quot;1&quot;&gt;&lt;diagram id=&quot;GySWab9DcdEL7GHAUV35&quot; name=&quot;Page-1&quot;&gt;5ZfbbqMwEIafhstKYA5NLkt6Wql7Fam7ty44YMUw1DEL9Ol3CAbCoVJ3JdqouUnwP+PB/n4MtmFvkvJB0iz+CSETBjHD0rBvDUJWDsHfWqgawfHcRogkDxvJ6oUtf2NaNLWa85AdBokKQCieDcUA0pQFaqBRKaEYpu1ADO+a0YhNhG1AxVT9xUMV62m5Zq8/Mh7F7Z0tU0cS2iZr4RDTEIoTyb4z7I0EUM1VUm6YqNm1XJp+9+9Eu4FJlqoPddhZub+//f3su85bWf14omR/pav8oSLXE9aDVVVLQEKehqwuYhm2X8RcsW1GgzpaoOWoxSoROqzLMalY+e44rW72+NQwSJiSFaboDqQlWHVIm3bR8ycrrcWn7B0tUu151NXuseCFJvMPlJwzpGSPKHlTSusZSIsxcs+Pke2658XImzB6EPBC637bADI2IYZzV0MsByVhzzYgQKKSQoqZ/o4LMZKo4FGKzQBZMdT9miTH99qNDiQ8DOvbzPrQO2Uus6jXUyfmljRZyonrmafVEzXrHeCMTk3wXnNoA1eH4wfqBhMsMyv7IF5F9f8TBEc7n6nk9AUrYGJbGQfaFG9Sv7HZ9mjdXX+x26vPc5tcnNu2Z56X2+uF3L7P00BxSC90TY9cdqYue5/pcrsrXNLmC1zM4y3Tl9s8PaF0e6b+tftd7SDroR1k5iw0t4P9Dzuw2Z9Fj7GTA7199xc=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="0" y="20" width="280" height="140" rx="21" ry="21" fill="#ffffff" stroke="#000000" pointer-events="none"/><rect x="30" y="70" width="90" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="none"/><rect x="155" y="70" width="90" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(3.5,3.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="72" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 74px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Global Scope</div></div></foreignObject><text x="36" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">Global Scope</text></switch></g><g transform="translate(39.5,83.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="70" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;"><font style="font-size: 10px">Local Variable 1</font></div></div></foreignObject><text x="35" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><g transform="translate(164.5,83.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="70" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;"><font style="font-size: 10px">Local Variable 2</font></div></div></foreignObject><text x="35" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><g transform="translate(36.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;"><font style="font-size: 10px">Function 1</font></div></div></foreignObject><text x="23" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><g transform="translate(161.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;"><font style="font-size: 10px">Function 2</font></div></div></foreignObject><text x="23" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><g transform="translate(98.5,123.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="82" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 82px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">Global Variable</div></div></foreignObject><text x="41" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">Global Variable</text></switch></g></g></svg>
\ No newline at end of file