22< html xmlns ="http://www.w3.org/1999/xhtml " lang ="en " xml:lang ="en "> < head >
33
44< meta charset ="utf-8 ">
5- < meta name ="generator " content ="quarto-1.8.26 ">
5+ < meta name ="generator " content ="quarto-1.7.33 ">
66
77< meta name ="viewport " content ="width=device-width, initial-scale=1.0, user-scalable=yes ">
88
3535< link href ="../assets/favicon.ico " rel ="icon ">
3636< script src ="../site_libs/quarto-html/quarto.js " type ="module "> </ script >
3737< script src ="../site_libs/quarto-html/tabsets/tabsets.js " type ="module "> </ script >
38- < script src ="../site_libs/quarto-html/axe/axe-check.js " type ="module "> </ script >
3938< script src ="../site_libs/quarto-html/popper.min.js "> </ script >
4039< script src ="../site_libs/quarto-html/tippy.umd.min.js "> </ script >
4140< script src ="../site_libs/quarto-html/anchor.min.js "> </ script >
4241< link href ="../site_libs/quarto-html/tippy.css " rel ="stylesheet ">
43- < link href ="../site_libs/quarto-html/quarto-syntax-highlighting-587c61ba64f3a5504c4d52d930310e48 .css " rel ="stylesheet " id ="quarto-text-highlighting-styles ">
42+ < link href ="../site_libs/quarto-html/quarto-syntax-highlighting-ea385d0e468b0dd5ea5bf0780b1290d9 .css " rel ="stylesheet " id ="quarto-text-highlighting-styles ">
4443< script src ="../site_libs/bootstrap/bootstrap.min.js "> </ script >
4544< link href ="../site_libs/bootstrap/bootstrap-icons.css " rel ="stylesheet ">
46- < link href ="../site_libs/bootstrap/bootstrap-1b378448c96145639a45d0cc9a697531 .min.css " rel ="stylesheet " append-hash ="true " id ="quarto-bootstrap " data-mode ="light ">
45+ < link href ="../site_libs/bootstrap/bootstrap-8c10e16f6bdb17aa1afdb56424f4046a .min.css " rel ="stylesheet " append-hash ="true " id ="quarto-bootstrap " data-mode ="light ">
4746< script id ="quarto-search-options " type ="application/json "> {
4847 "location" : "sidebar" ,
4948 "copy-button" : false ,
111110 < nav id ="quarto-sidebar " class ="sidebar collapse collapse-horizontal quarto-sidebar-collapse-item sidebar-navigation docked overflow-auto ">
112111 < div class ="pt-lg-2 mt-2 text-left sidebar-header sidebar-header-stacked ">
113112 < a href ="../index.html " class ="sidebar-logo-link ">
114- < img src ="../assets/data6.png " alt ="Data 6 logo " class ="sidebar-logo light-content py-0 d-lg-inline d-none ">
115- < img src ="../assets/data6.png " alt ="Data 6 logo " class ="sidebar-logo dark-content py-0 d-lg-inline d-none ">
113+ < img src ="../assets/data6.png " alt ="Data 6 logo " class ="sidebar-logo py-0 d-lg-inline d-none ">
116114 </ a >
117115 < div class ="sidebar-title mb-0 py-0 ">
118116 < a href ="../ "> DATA 6 < br > < small > Course Notes</ small > </ a >
@@ -650,7 +648,7 @@ <h2 class="anchored" data-anchor-id="jupyter-notebooks">Jupyter Notebooks</h2>
650648< p > In order to run computer programs, we need a way to execute code written in a programming language on a computer. < strong > Development</ strong > , also known as process of designing, iterating, and testing computer programs, often takes place in an environment which can support all of these tasks.</ p >
651649< p > The environment we will use is < strong > Jupyter Notebook</ strong > , which allows us to write and run code within a single < code > .ipynb</ code > document (i.e., < strong > notebook</ strong > ). They also allow us to embedded text and code.</ p >
652650< div style ="text-align: center ">
653- < div id ="fig-inflation " class ="quarto-float quarto-figure quarto-figure-center anchored " alt ="" data-fig-align ="center ">
651+ < div id ="fig-inflation " class ="quarto-float quarto-figure quarto-figure-center anchored " data-fig-align ="center " alt =" ">
654652< figure class ="quarto-float quarto-float-fig figure ">
655653< div aria-describedby ="fig-inflation-caption-0ceaefa1-69ba-4598-a22c-09a6ac19f8ca ">
656654< img src ="images/jupyter-oski.png " class ="img-fluid quarto-figure quarto-figure-center figure-img " style ="width:90.0% " alt ="">
@@ -664,12 +662,12 @@ <h2 class="anchored" data-anchor-id="jupyter-notebooks">Jupyter Notebooks</h2>
664662< p > There’s a lot going on in the above Jupyter Notebook screenshot: there is code, there is output from running code, there are pictures, and there is (non-code) text. We’ll get to understanding all of these components in due time.</ p >
665663< p > But this screenshot also elucidates why a tool like Jupyter Notebook is so important to doing data science work. Data Science often requires the use of computation and visualizations and the production of written reports. Notebooks support all three of these, in the same document.</ p >
666664< div class ="callout callout-style-default callout-note callout-titled " title ="Aside ">
667- < div class ="callout-header d-flex align-content-center collapsed " data-bs-toggle ="collapse " data-bs-target =".callout-1-contents " aria-controls ="callout-1 " aria-expanded ="false " aria-label ="Toggle callout ">
665+ < div class ="callout-header d-flex align-content-center " data-bs-toggle ="collapse " data-bs-target =".callout-1-contents " aria-controls ="callout-1 " aria-expanded ="false " aria-label ="Toggle callout ">
668666< div class ="callout-icon-container ">
669667< i class ="callout-icon "> </ i >
670668</ div >
671669< div class ="callout-title-container flex-fill ">
672- < span class =" screen-reader-only " > Note </ span > Aside
670+ Aside
673671</ div >
674672< div class ="callout-btn-toggle d-inline-block border-0 py-1 ps-1 pe-0 float-end "> < i class ="callout-toggle "> </ i > </ div >
675673</ div >
@@ -680,12 +678,12 @@ <h2 class="anchored" data-anchor-id="jupyter-notebooks">Jupyter Notebooks</h2>
680678</ div >
681679</ div >
682680< div class ="callout callout-style-default callout-note callout-titled " title ="Aside 2 ">
683- < div class ="callout-header d-flex align-content-center collapsed " data-bs-toggle ="collapse " data-bs-target =".callout-2-contents " aria-controls ="callout-2 " aria-expanded ="false " aria-label ="Toggle callout ">
681+ < div class ="callout-header d-flex align-content-center " data-bs-toggle ="collapse " data-bs-target =".callout-2-contents " aria-controls ="callout-2 " aria-expanded ="false " aria-label ="Toggle callout ">
684682< div class ="callout-icon-container ">
685683< i class ="callout-icon "> </ i >
686684</ div >
687685< div class ="callout-title-container flex-fill ">
688- < span class =" screen-reader-only " > Note </ span > Aside 2
686+ Aside 2
689687</ div >
690688< div class ="callout-btn-toggle d-inline-block border-0 py-1 ps-1 pe-0 float-end "> < i class ="callout-toggle "> </ i > </ div >
691689</ div >
@@ -713,7 +711,7 @@ <h2 class="anchored" data-anchor-id="datahub">DataHub</h2>
713711< i class ="callout-icon "> </ i >
714712</ div >
715713< div class ="callout-title-container flex-fill ">
716- < span class =" screen-reader-only " > Note </ span > Access DataHub
714+ Access DataHub
717715</ div >
718716</ div >
719717< div class ="callout-body-container callout-body ">
@@ -744,7 +742,7 @@ <h2 class="anchored" data-anchor-id="jupyter-notebook-internals">Jupyter Noteboo
744742< p > Jupyter Notebooks are made up of < strong > cells</ strong > . There are two main types of cells:</ p >
745743< p > < strong > Code cells</ strong > . This is where you write and execute code. When run, Python code cells are evaluated as a Python code snippet, one line at a time. The cell output displayed is the value of the < em > last</ em > evaluated expression:</ p >
746744< div style ="text-align: center ">
747- < div id ="fig-inflation " class ="quarto-float quarto-figure quarto-figure-center anchored " alt ="" data-fig-align ="center ">
745+ < div id ="fig-inflation " class ="quarto-float quarto-figure quarto-figure-center anchored " data-fig-align ="center " alt =" ">
748746< figure class ="quarto-float quarto-float-fig figure ">
749747< div aria-describedby ="fig-inflation-caption-0ceaefa1-69ba-4598-a22c-09a6ac19f8ca ">
750748< img src ="images/jupyter-code-cell.png " class ="img-fluid quarto-figure quarto-figure-center figure-img " style ="width:70.0% " alt ="">
@@ -759,7 +757,7 @@ <h2 class="anchored" data-anchor-id="jupyter-notebook-internals">Jupyter Noteboo
759757< p > To run a code cell, you can either hit the “Run” button in the Toolbar, or you can use a < em > keyboard shortcut</ em > : < code > <SHIFT>+<ENTER></ code > , which runs the cell and advances to the next cell. We recommend keyboard shortcuts; see below.</ p >
760758< p > < strong > Markdown cells.</ strong > This is where you write text and images that aren’t Python code. Markdown is a language used for formatting text. A Markdown cell will always display its formatting when it is not in edit mode.</ p >
761759< div style ="text-align: center ">
762- < div id ="fig-inflation " class ="quarto-float quarto-figure quarto-figure-center anchored " alt ="" data-fig-align ="center ">
760+ < div id ="fig-inflation " class ="quarto-float quarto-figure quarto-figure-center anchored " data-fig-align ="center " alt =" ">
763761< figure class ="quarto-float quarto-float-fig figure ">
764762< div aria-describedby ="fig-inflation-caption-0ceaefa1-69ba-4598-a22c-09a6ac19f8ca ">
765763< img src ="images/jupyter-md-cell.png " class ="img-fluid quarto-figure quarto-figure-center figure-img " style ="width:100.0% " alt ="">
@@ -946,14 +944,13 @@ <h3 class="anchored" data-anchor-id="keyboard-shortcuts">Keyboard Shortcuts</h3>
946944 e . clearSelection ( ) ;
947945 }
948946 const getTextToCopy = function ( trigger ) {
949- const outerScaffold = trigger . parentElement . cloneNode ( true ) ;
950- const codeEl = outerScaffold . querySelector ( 'code' ) ;
951- for ( const childEl of codeEl . children ) {
952- if ( isCodeAnnotation ( childEl ) ) {
953- childEl . remove ( ) ;
947+ const codeEl = trigger . previousElementSibling . cloneNode ( true ) ;
948+ for ( const childEl of codeEl . children ) {
949+ if ( isCodeAnnotation ( childEl ) ) {
950+ childEl . remove ( ) ;
951+ }
954952 }
955- }
956- return codeEl . innerText ;
953+ return codeEl . innerText ;
957954 }
958955 const clipboard = new window . ClipboardJS ( '.code-copy-button:not([data-in-quarto-modal])' , {
959956 text : getTextToCopy
0 commit comments