intro_quarto/first_quarto_doc.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>

<meta charset="utf-8">
<meta name="generator" content="quarto-1.6.40">

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<meta name="author" content="Marlon Pius Pamplona">

<title>My First Quarto Doc</title>
<style>
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
ul.task-list li input[type="checkbox"] {
  width: 0.8em;
  margin: 0 0.8em 0.2em -1em; /* quarto-specific, see https://github.com/quarto-dev/quarto-cli/issues/4556 */ 
  vertical-align: middle;
}
</style>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script><script src="first_quarto_doc_files/libs/clipboard/clipboard.min.js"></script>
<script src="first_quarto_doc_files/libs/quarto-html/quarto.js"></script>
<script src="first_quarto_doc_files/libs/quarto-html/popper.min.js"></script>
<script src="first_quarto_doc_files/libs/quarto-html/tippy.umd.min.js"></script>
<script src="first_quarto_doc_files/libs/quarto-html/anchor.min.js"></script>
<link href="first_quarto_doc_files/libs/quarto-html/tippy.css" rel="stylesheet">
<link href="first_quarto_doc_files/libs/quarto-html/quarto-syntax-highlighting-549806ee2085284f45b00abea8c6df48.css" rel="stylesheet" id="quarto-text-highlighting-styles">
<script src="first_quarto_doc_files/libs/bootstrap/bootstrap.min.js"></script>
<link href="first_quarto_doc_files/libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
<link href="first_quarto_doc_files/libs/bootstrap/bootstrap-8a79a254b8e706d3c925cde0a310d4f0.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js" integrity="sha512-c3Nl8+7g4LMSTdrm621y7kf9v3SDPnhxLNhcjFJbKECVnmZHTdo+IRO05sNLTH/D3vA6u1X32ehoLC7WFVdheg==" crossorigin="anonymous"></script>

<script type="application/javascript">define('jquery', [],function() {return window.jQuery;})</script>


</head>

<body class="fullcontent">

<div id="quarto-content" class="page-columns page-rows-contents page-layout-article">

<main class="content" id="quarto-document-content">

<header id="title-block-header" class="quarto-title-block default">
<div class="quarto-title">
<h1 class="title">My First Quarto Doc</h1>
</div>


<div class="quarto-title-meta">

    <div>
    <div class="quarto-title-meta-heading">Author</div>
    <div class="quarto-title-meta-contents">
             <p>Marlon Pius Pamplona </p>
          </div>
  </div>
    
  
  </div>
  

</header>


<section id="level-1-header" class="level1">
<h1>Level 1 header</h1>
<p>Markdown lets you use <em>italics</em> and also <strong>embolden</strong> text</p>
<p>You can also define bulleted lists:</p>
<ul>
<li>First Element</li>
<li>Second Element</li>
</ul>
<p>You can also add <a href="https://thegraphcourses.org">links</a></p>
<p>You can also embed images <img src="images/tgc_unity-768x568.webp" class="img-fluid" alt="description of the image"></p>
<section id="level-2-header" class="level2">
<h2 class="anchored" data-anchor-id="level-2-header">Level 2 header</h2>
<section id="level-3-header" class="level3">
<h3 class="anchored" data-anchor-id="level-3-header">Level 3 header</h3>
<div id="4072cbaf" class="cell" data-execution_count="2">
<div class="cell-output cell-output-stdout">
<pre><code>1
2
3</code></pre>
</div>
<div class="cell-output cell-output-display" data-execution_count="1">
<pre><code>16</code></pre>
</div>
</div>
</section>
</section>
</section>
<section id="displaying-tables" class="level1">
<h1>Displaying Tables</h1>
<div id="cd510a71" class="cell" data-execution_count="3">
<div class="cell-output cell-output-display">
<table id="itables_fdead5ca_41fd_4b33_b882_5dac71c932c6" class="display nowrap" data-quarto-disable-processing="true" style="table-layout:auto;width:auto;margin:auto;caption-side:bottom">
<thead>
    <tr style="text-align: right;">
      
      <th>total_bill</th>
      <th>tip</th>
      <th>sex</th>
      <th>smoker</th>
      <th>day</th>
      <th>time</th>
      <th>size</th>
    </tr>
  </thead><tbody><tr>
<td style="vertical-align:middle; text-align:left">
<a href="https://mwouts.github.io/itables/"><svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" width="64" viewbox="0 0 500 400" style="font-family: 'Droid Sans', sans-serif;">
    <g style="fill:#d9d7fc">
        <path d="M100,400H500V357H100Z"></path>
        <path d="M100,300H400V257H100Z"></path>
        <path d="M0,200H400V157H0Z"></path>
        <path d="M100,100H500V57H100Z"></path>
        <path d="M100,350H500V307H100Z"></path>
        <path d="M100,250H400V207H100Z"></path>
        <path d="M0,150H400V107H0Z"></path>
        <path d="M100,50H500V7H100Z"></path>
    </g>
    <g style="fill:#1a1366;stroke:#1a1366;">
   <rect x="100" y="7" width="400" height="43">
    <animate attributename="width" values="0;400;0" dur="5s" repeatcount="indefinite"></animate>
      <animate attributename="x" values="100;100;500" dur="5s" repeatcount="indefinite"></animate>
  </rect>
        <rect x="0" y="107" width="400" height="43">
    <animate attributename="width" values="0;400;0" dur="3.5s" repeatcount="indefinite"></animate>
    <animate attributename="x" values="0;0;400" dur="3.5s" repeatcount="indefinite"></animate>
  </rect>
        <rect x="100" y="207" width="300" height="43">
    <animate attributename="width" values="0;300;0" dur="3s" repeatcount="indefinite"></animate>
    <animate attributename="x" values="100;100;400" dur="3s" repeatcount="indefinite"></animate>
  </rect>
        <rect x="100" y="307" width="400" height="43">
    <animate attributename="width" values="0;400;0" dur="4s" repeatcount="indefinite"></animate>
      <animate attributename="x" values="100;100;500" dur="4s" repeatcount="indefinite"></animate>
  </rect>
        <g style="fill:transparent;stroke-width:8; stroke-linejoin:round" rx="5">
            <g transform="translate(45 50) rotate(-45)">
                <circle r="33" cx="0" cy="0"></circle>
                <rect x="-8" y="32" width="16" height="30"></rect>
            </g>

            <g transform="translate(450 152)">
                <polyline points="-15,-20 -35,-20 -35,40 25,40 25,20"></polyline>
                <rect x="-15" y="-40" width="60" height="60"></rect>
            </g>

            <g transform="translate(50 352)">
                <polygon points="-35,-5 0,-40 35,-5"></polygon>
                <polygon points="-35,10 0,45 35,10"></polygon>
            </g>

            <g transform="translate(75 250)">
                <polyline points="-30,30 -60,0 -30,-30"></polyline>
                <polyline points="0,30 -30,0 0,-30"></polyline>
            </g>

            <g transform="translate(425 250) rotate(180)">
                <polyline points="-30,30 -60,0 -30,-30"></polyline>
                <polyline points="0,30 -30,0 0,-30"></polyline>
            </g>
        </g>
    </g>
</svg>
</a>
Loading ITables v2.2.4 from the internet...
(need <a href="https://mwouts.github.io/itables/troubleshooting.html">help</a>?)</td>
</tr></tbody>
</table>
<link href="https://www.unpkg.com/dt_for_itables@2.0.13/dt_bundle.css" rel="stylesheet">
<script type="module">
    import {DataTable, jQuery as $} from 'https://www.unpkg.com/dt_for_itables@2.0.13/dt_bundle.js';

    document.querySelectorAll("#itables_fdead5ca_41fd_4b33_b882_5dac71c932c6:not(.dataTable)").forEach(table => {
        if (!(table instanceof HTMLTableElement))
            return;

        // Define the table data
        const data = [[16.99, 1.01, "Female", "No", "Sun", "Dinner", 2], [10.34, 1.66, "Male", "No", "Sun", "Dinner", 3], [21.01, 3.5, "Male", "No", "Sun", "Dinner", 3], [23.68, 3.31, "Male", "No", "Sun", "Dinner", 2], [24.59, 3.61, "Female", "No", "Sun", "Dinner", 4], [25.29, 4.71, "Male", "No", "Sun", "Dinner", 4], [8.77, 2.0, "Male", "No", "Sun", "Dinner", 2], [26.88, 3.12, "Male", "No", "Sun", "Dinner", 4], [15.04, 1.96, "Male", "No", "Sun", "Dinner", 2], [14.78, 3.23, "Male", "No", "Sun", "Dinner", 2], [10.27, 1.71, "Male", "No", "Sun", "Dinner", 2], [35.26, 5.0, "Female", "No", "Sun", "Dinner", 4], [15.42, 1.57, "Male", "No", "Sun", "Dinner", 2], [18.43, 3.0, "Male", "No", "Sun", "Dinner", 4], [14.83, 3.02, "Female", "No", "Sun", "Dinner", 2], [21.58, 3.92, "Male", "No", "Sun", "Dinner", 2], [10.33, 1.67, "Female", "No", "Sun", "Dinner", 3], [16.29, 3.71, "Male", "No", "Sun", "Dinner", 3], [16.97, 3.5, "Female", "No", "Sun", "Dinner", 3], [20.65, 3.35, "Male", "No", "Sat", "Dinner", 3], [17.92, 4.08, "Male", "No", "Sat", "Dinner", 2], [20.29, 2.75, "Female", "No", "Sat", "Dinner", 2], [15.77, 2.23, "Female", "No", "Sat", "Dinner", 2], [39.42, 7.58, "Male", "No", "Sat", "Dinner", 4], [19.82, 3.18, "Male", "No", "Sat", "Dinner", 2], [17.81, 2.34, "Male", "No", "Sat", "Dinner", 4], [13.37, 2.0, "Male", "No", "Sat", "Dinner", 2], [12.69, 2.0, "Male", "No", "Sat", "Dinner", 2], [21.7, 4.3, "Male", "No", "Sat", "Dinner", 2], [19.65, 3.0, "Female", "No", "Sat", "Dinner", 2], [9.55, 1.45, "Male", "No", "Sat", "Dinner", 2], [18.35, 2.5, "Male", "No", "Sat", "Dinner", 4], [15.06, 3.0, "Female", "No", "Sat", "Dinner", 2], [20.69, 2.45, "Female", "No", "Sat", "Dinner", 4], [17.78, 3.27, "Male", "No", "Sat", "Dinner", 2], [24.06, 3.6, "Male", "No", "Sat", "Dinner", 3], [16.31, 2.0, "Male", "No", "Sat", "Dinner", 3], [16.93, 3.07, "Female", "No", "Sat", "Dinner", 3], [18.69, 2.31, "Male", "No", "Sat", "Dinner", 3], [31.27, 5.0, "Male", "No", "Sat", "Dinner", 3], [16.04, 2.24, "Male", "No", "Sat", "Dinner", 3], [17.46, 2.54, "Male", "No", "Sun", "Dinner", 2], [13.94, 3.06, "Male", "No", "Sun", "Dinner", 2], [9.68, 1.32, "Male", "No", "Sun", "Dinner", 2], [30.4, 5.6, "Male", "No", "Sun", "Dinner", 4], [18.29, 3.0, "Male", "No", "Sun", "Dinner", 2], [22.23, 5.0, "Male", "No", "Sun", "Dinner", 2], [32.4, 6.0, "Male", "No", "Sun", "Dinner", 4], [28.55, 2.05, "Male", "No", "Sun", "Dinner", 3], [18.04, 3.0, "Male", "No", "Sun", "Dinner", 2], [12.54, 2.5, "Male", "No", "Sun", "Dinner", 2], [10.29, 2.6, "Female", "No", "Sun", "Dinner", 2], [34.81, 5.2, "Female", "No", "Sun", "Dinner", 4], [9.94, 1.56, "Male", "No", "Sun", "Dinner", 2], [25.56, 4.34, "Male", "No", "Sun", "Dinner", 4], [19.49, 3.51, "Male", "No", "Sun", "Dinner", 2], [38.01, 3.0, "Male", "Yes", "Sat", "Dinner", 4], [26.41, 1.5, "Female", "No", "Sat", "Dinner", 2], [11.24, 1.76, "Male", "Yes", "Sat", "Dinner", 2], [48.27, 6.73, "Male", "No", "Sat", "Dinner", 4], [20.29, 3.21, "Male", "Yes", "Sat", "Dinner", 2], [13.81, 2.0, "Male", "Yes", "Sat", "Dinner", 2], [11.02, 1.98, "Male", "Yes", "Sat", "Dinner", 2], [18.29, 3.76, "Male", "Yes", "Sat", "Dinner", 4], [17.59, 2.64, "Male", "No", "Sat", "Dinner", 3], [20.08, 3.15, "Male", "No", "Sat", "Dinner", 3], [16.45, 2.47, "Female", "No", "Sat", "Dinner", 2], [3.07, 1.0, "Female", "Yes", "Sat", "Dinner", 1], [20.23, 2.01, "Male", "No", "Sat", "Dinner", 2], [15.01, 2.09, "Male", "Yes", "Sat", "Dinner", 2], [12.02, 1.97, "Male", "No", "Sat", "Dinner", 2], [17.07, 3.0, "Female", "No", "Sat", "Dinner", 3], [26.86, 3.14, "Female", "Yes", "Sat", "Dinner", 2], [25.28, 5.0, "Female", "Yes", "Sat", "Dinner", 2], [14.73, 2.2, "Female", "No", "Sat", "Dinner", 2], [10.51, 1.25, "Male", "No", "Sat", "Dinner", 2], [17.92, 3.08, "Male", "Yes", "Sat", "Dinner", 2], [27.2, 4.0, "Male", "No", "Thur", "Lunch", 4], [22.76, 3.0, "Male", "No", "Thur", "Lunch", 2], [17.29, 2.71, "Male", "No", "Thur", "Lunch", 2], [19.44, 3.0, "Male", "Yes", "Thur", "Lunch", 2], [16.66, 3.4, "Male", "No", "Thur", "Lunch", 2], [10.07, 1.83, "Female", "No", "Thur", "Lunch", 1], [32.68, 5.0, "Male", "Yes", "Thur", "Lunch", 2], [15.98, 2.03, "Male", "No", "Thur", "Lunch", 2], [34.83, 5.17, "Female", "No", "Thur", "Lunch", 4], [13.03, 2.0, "Male", "No", "Thur", "Lunch", 2], [18.28, 4.0, "Male", "No", "Thur", "Lunch", 2], [24.71, 5.85, "Male", "No", "Thur", "Lunch", 2], [21.16, 3.0, "Male", "No", "Thur", "Lunch", 2], [28.97, 3.0, "Male", "Yes", "Fri", "Dinner", 2], [22.49, 3.5, "Male", "No", "Fri", "Dinner", 2], [5.75, 1.0, "Female", "Yes", "Fri", "Dinner", 2], [16.32, 4.3, "Female", "Yes", "Fri", "Dinner", 2], [22.75, 3.25, "Female", "No", "Fri", "Dinner", 2], [40.17, 4.73, "Male", "Yes", "Fri", "Dinner", 4], [27.28, 4.0, "Male", "Yes", "Fri", "Dinner", 2], [12.03, 1.5, "Male", "Yes", "Fri", "Dinner", 2], [21.01, 3.0, "Male", "Yes", "Fri", "Dinner", 2], [12.46, 1.5, "Male", "No", "Fri", "Dinner", 2], [11.35, 2.5, "Female", "Yes", "Fri", "Dinner", 2], [15.38, 3.0, "Female", "Yes", "Fri", "Dinner", 2], [44.3, 2.5, "Female", "Yes", "Sat", "Dinner", 3], [22.42, 3.48, "Female", "Yes", "Sat", "Dinner", 2], [20.92, 4.08, "Female", "No", "Sat", "Dinner", 2], [15.36, 1.64, "Male", "Yes", "Sat", "Dinner", 2], [20.49, 4.06, "Male", "Yes", "Sat", "Dinner", 2], [25.21, 4.29, "Male", "Yes", "Sat", "Dinner", 2], [18.24, 3.76, "Male", "No", "Sat", "Dinner", 2], [14.31, 4.0, "Female", "Yes", "Sat", "Dinner", 2], [14.0, 3.0, "Male", "No", "Sat", "Dinner", 2], [7.25, 1.0, "Female", "No", "Sat", "Dinner", 1], [38.07, 4.0, "Male", "No", "Sun", "Dinner", 3], [23.95, 2.55, "Male", "No", "Sun", "Dinner", 2], [25.71, 4.0, "Female", "No", "Sun", "Dinner", 3], [17.31, 3.5, "Female", "No", "Sun", "Dinner", 2], [29.93, 5.07, "Male", "No", "Sun", "Dinner", 4], [10.65, 1.5, "Female", "No", "Thur", "Lunch", 2], [12.43, 1.8, "Female", "No", "Thur", "Lunch", 2], [24.08, 2.92, "Female", "No", "Thur", "Lunch", 4], [11.69, 2.31, "Male", "No", "Thur", "Lunch", 2], [13.42, 1.68, "Female", "No", "Thur", "Lunch", 2], [14.26, 2.5, "Male", "No", "Thur", "Lunch", 2], [15.95, 2.0, "Male", "No", "Thur", "Lunch", 2], [12.48, 2.52, "Female", "No", "Thur", "Lunch", 2], [29.8, 4.2, "Female", "No", "Thur", "Lunch", 6], [8.52, 1.48, "Male", "No", "Thur", "Lunch", 2], [14.52, 2.0, "Female", "No", "Thur", "Lunch", 2], [11.38, 2.0, "Female", "No", "Thur", "Lunch", 2], [22.82, 2.18, "Male", "No", "Thur", "Lunch", 3], [19.08, 1.5, "Male", "No", "Thur", "Lunch", 2], [20.27, 2.83, "Female", "No", "Thur", "Lunch", 2], [11.17, 1.5, "Female", "No", "Thur", "Lunch", 2], [12.26, 2.0, "Female", "No", "Thur", "Lunch", 2], [18.26, 3.25, "Female", "No", "Thur", "Lunch", 2], [8.51, 1.25, "Female", "No", "Thur", "Lunch", 2], [10.33, 2.0, "Female", "No", "Thur", "Lunch", 2], [14.15, 2.0, "Female", "No", "Thur", "Lunch", 2], [16.0, 2.0, "Male", "Yes", "Thur", "Lunch", 2], [13.16, 2.75, "Female", "No", "Thur", "Lunch", 2], [17.47, 3.5, "Female", "No", "Thur", "Lunch", 2], [34.3, 6.7, "Male", "No", "Thur", "Lunch", 6], [41.19, 5.0, "Male", "No", "Thur", "Lunch", 5], [27.05, 5.0, "Female", "No", "Thur", "Lunch", 6], [16.43, 2.3, "Female", "No", "Thur", "Lunch", 2], [8.35, 1.5, "Female", "No", "Thur", "Lunch", 2], [18.64, 1.36, "Female", "No", "Thur", "Lunch", 3], [11.87, 1.63, "Female", "No", "Thur", "Lunch", 2], [9.78, 1.73, "Male", "No", "Thur", "Lunch", 2], [7.51, 2.0, "Male", "No", "Thur", "Lunch", 2], [14.07, 2.5, "Male", "No", "Sun", "Dinner", 2], [13.13, 2.0, "Male", "No", "Sun", "Dinner", 2], [17.26, 2.74, "Male", "No", "Sun", "Dinner", 3], [24.55, 2.0, "Male", "No", "Sun", "Dinner", 4], [19.77, 2.0, "Male", "No", "Sun", "Dinner", 4], [29.85, 5.14, "Female", "No", "Sun", "Dinner", 5], [48.17, 5.0, "Male", "No", "Sun", "Dinner", 6], [25.0, 3.75, "Female", "No", "Sun", "Dinner", 4], [13.39, 2.61, "Female", "No", "Sun", "Dinner", 2], [16.49, 2.0, "Male", "No", "Sun", "Dinner", 4], [21.5, 3.5, "Male", "No", "Sun", "Dinner", 4], [12.66, 2.5, "Male", "No", "Sun", "Dinner", 2], [16.21, 2.0, "Female", "No", "Sun", "Dinner", 3], [13.81, 2.0, "Male", "No", "Sun", "Dinner", 2], [17.51, 3.0, "Female", "Yes", "Sun", "Dinner", 2], [24.52, 3.48, "Male", "No", "Sun", "Dinner", 3], [20.76, 2.24, "Male", "No", "Sun", "Dinner", 2], [31.71, 4.5, "Male", "No", "Sun", "Dinner", 4], [10.59, 1.61, "Female", "Yes", "Sat", "Dinner", 2], [10.63, 2.0, "Female", "Yes", "Sat", "Dinner", 2], [50.81, 10.0, "Male", "Yes", "Sat", "Dinner", 3], [15.81, 3.16, "Male", "Yes", "Sat", "Dinner", 2], [7.25, 5.15, "Male", "Yes", "Sun", "Dinner", 2], [31.85, 3.18, "Male", "Yes", "Sun", "Dinner", 2], [16.82, 4.0, "Male", "Yes", "Sun", "Dinner", 2], [32.9, 3.11, "Male", "Yes", "Sun", "Dinner", 2], [17.89, 2.0, "Male", "Yes", "Sun", "Dinner", 2], [14.48, 2.0, "Male", "Yes", "Sun", "Dinner", 2], [9.6, 4.0, "Female", "Yes", "Sun", "Dinner", 2], [34.63, 3.55, "Male", "Yes", "Sun", "Dinner", 2], [34.65, 3.68, "Male", "Yes", "Sun", "Dinner", 4], [23.33, 5.65, "Male", "Yes", "Sun", "Dinner", 2], [45.35, 3.5, "Male", "Yes", "Sun", "Dinner", 3], [23.17, 6.5, "Male", "Yes", "Sun", "Dinner", 4], [40.55, 3.0, "Male", "Yes", "Sun", "Dinner", 2], [20.69, 5.0, "Male", "No", "Sun", "Dinner", 5], [20.9, 3.5, "Female", "Yes", "Sun", "Dinner", 3], [30.46, 2.0, "Male", "Yes", "Sun", "Dinner", 5], [18.15, 3.5, "Female", "Yes", "Sun", "Dinner", 3], [23.1, 4.0, "Male", "Yes", "Sun", "Dinner", 3], [15.69, 1.5, "Male", "Yes", "Sun", "Dinner", 2], [19.81, 4.19, "Female", "Yes", "Thur", "Lunch", 2], [28.44, 2.56, "Male", "Yes", "Thur", "Lunch", 2], [15.48, 2.02, "Male", "Yes", "Thur", "Lunch", 2], [16.58, 4.0, "Male", "Yes", "Thur", "Lunch", 2], [7.56, 1.44, "Male", "No", "Thur", "Lunch", 2], [10.34, 2.0, "Male", "Yes", "Thur", "Lunch", 2], [43.11, 5.0, "Female", "Yes", "Thur", "Lunch", 4], [13.0, 2.0, "Female", "Yes", "Thur", "Lunch", 2], [13.51, 2.0, "Male", "Yes", "Thur", "Lunch", 2], [18.71, 4.0, "Male", "Yes", "Thur", "Lunch", 3], [12.74, 2.01, "Female", "Yes", "Thur", "Lunch", 2], [13.0, 2.0, "Female", "Yes", "Thur", "Lunch", 2], [16.4, 2.5, "Female", "Yes", "Thur", "Lunch", 2], [20.53, 4.0, "Male", "Yes", "Thur", "Lunch", 4], [16.47, 3.23, "Female", "Yes", "Thur", "Lunch", 3], [26.59, 3.41, "Male", "Yes", "Sat", "Dinner", 3], [38.73, 3.0, "Male", "Yes", "Sat", "Dinner", 4], [24.27, 2.03, "Male", "Yes", "Sat", "Dinner", 2], [12.76, 2.23, "Female", "Yes", "Sat", "Dinner", 2], [30.06, 2.0, "Male", "Yes", "Sat", "Dinner", 3], [25.89, 5.16, "Male", "Yes", "Sat", "Dinner", 4], [48.33, 9.0, "Male", "No", "Sat", "Dinner", 4], [13.27, 2.5, "Female", "Yes", "Sat", "Dinner", 2], [28.17, 6.5, "Female", "Yes", "Sat", "Dinner", 3], [12.9, 1.1, "Female", "Yes", "Sat", "Dinner", 2], [28.15, 3.0, "Male", "Yes", "Sat", "Dinner", 5], [11.59, 1.5, "Male", "Yes", "Sat", "Dinner", 2], [7.74, 1.44, "Male", "Yes", "Sat", "Dinner", 2], [30.14, 3.09, "Female", "Yes", "Sat", "Dinner", 4], [12.16, 2.2, "Male", "Yes", "Fri", "Lunch", 2], [13.42, 3.48, "Female", "Yes", "Fri", "Lunch", 2], [8.58, 1.92, "Male", "Yes", "Fri", "Lunch", 1], [15.98, 3.0, "Female", "No", "Fri", "Lunch", 3], [13.42, 1.58, "Male", "Yes", "Fri", "Lunch", 2], [16.27, 2.5, "Female", "Yes", "Fri", "Lunch", 2], [10.09, 2.0, "Female", "Yes", "Fri", "Lunch", 2], [20.45, 3.0, "Male", "No", "Sat", "Dinner", 4], [13.28, 2.72, "Male", "No", "Sat", "Dinner", 2], [22.12, 2.88, "Female", "Yes", "Sat", "Dinner", 2], [24.01, 2.0, "Male", "Yes", "Sat", "Dinner", 4], [15.69, 3.0, "Male", "Yes", "Sat", "Dinner", 3], [11.61, 3.39, "Male", "No", "Sat", "Dinner", 2], [10.77, 1.47, "Male", "No", "Sat", "Dinner", 2], [15.53, 3.0, "Male", "Yes", "Sat", "Dinner", 2], [10.07, 1.25, "Male", "No", "Sat", "Dinner", 2], [12.6, 1.0, "Male", "Yes", "Sat", "Dinner", 2], [32.83, 1.17, "Male", "Yes", "Sat", "Dinner", 2], [35.83, 4.67, "Female", "No", "Sat", "Dinner", 3], [29.03, 5.92, "Male", "No", "Sat", "Dinner", 3], [27.18, 2.0, "Female", "Yes", "Sat", "Dinner", 2], [22.67, 2.0, "Male", "Yes", "Sat", "Dinner", 2], [17.82, 1.75, "Male", "No", "Sat", "Dinner", 2], [18.78, 3.0, "Female", "No", "Thur", "Dinner", 2]];

        // Define the dt_args
        let dt_args = {"layout": {"topStart": "pageLength", "topEnd": "search", "bottomStart": "info", "bottomEnd": "paging"}, "order": [], "warn_on_selected_rows_not_rendered": true};
        dt_args["data"] = data;

        
        new DataTable(table, dt_args);
    });
</script>
</div>
</div>
</section>
<section id="displaying-plots" class="level1">
<h1>Displaying plots</h1>
<div id="ccb60e98" class="cell" data-execution_count="4">
<div class="cell-output cell-output-display">
        <script type="text/javascript">
        window.PlotlyConfig = {MathJaxConfig: 'local'};
        if (window.MathJax && window.MathJax.Hub && window.MathJax.Hub.Config) {window.MathJax.Hub.Config({SVG: {font: "STIX-Web"}});}
        </script>
        <script type="module">import "https://cdn.plot.ly/plotly-3.0.0.min"</script>
        
</div>
<div class="cell-output cell-output-display">
<div>            <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_SVG"></script><script type="text/javascript">if (window.MathJax && window.MathJax.Hub && window.MathJax.Hub.Config) {window.MathJax.Hub.Config({SVG: {font: "STIX-Web"}});}</script>                <script type="text/javascript">window.PlotlyConfig = {MathJaxConfig: 'local'};</script>
        <script charset="utf-8" src="https://cdn.plot.ly/plotly-3.0.0.min.js"></script>                <div id="e5dcf8f8-abb4-4b11-95b5-8f4b2b57f41a" class="plotly-graph-div" style="height:525px; width:100%;"></div>            <script type="text/javascript">                window.PLOTLYENV=window.PLOTLYENV || {};                                if (document.getElementById("e5dcf8f8-abb4-4b11-95b5-8f4b2b57f41a")) {                    Plotly.newPlot(                        "e5dcf8f8-abb4-4b11-95b5-8f4b2b57f41a",                        [{"alignmentgroup":"True","box":{"visible":false},"hovertemplate":"tip=%{x}\u003cbr\u003esex=%{y}\u003cextra\u003e\u003c\u002fextra\u003e","legendgroup":"","marker":{"color":"#636efa"},"name":"","offsetgroup":"","orientation":"h","scalegroup":"True","showlegend":false,"x":{"dtype":"f8","bdata":"KVyPwvUo8D+PwvUoXI\u002f6PwAAAAAAAAxAexSuR+F6CkDhehSuR+EMQNejcD0K1xJAAAAAAAAAAED2KFyPwvUIQFyPwvUoXP8\u002f16NwPQrXCUBcj8L1KFz7PwAAAAAAABRAH4XrUbge+T8AAAAAAAAIQClcj8L1KAhAXI\u002fC9ShcD0C4HoXrUbj6P65H4XoUrg1AAAAAAAAADEDNzMzMzMwKQFK4HoXrURBAAAAAAAAABkDXo3A9CtcBQFK4HoXrUR5AcT0K16NwCUC4HoXrUbgCQAAAAAAAAABAAAAAAAAAAEAzMzMzMzMRQAAAAAAAAAhAMzMzMzMz9z8AAAAAAAAEQAAAAAAAAAhAmpmZmZmZA0ApXI\u002fC9SgKQM3MzMzMzAxAAAAAAAAAAECPwvUoXI8IQHsUrkfhegJAAAAAAAAAFEDsUbgehesBQFK4HoXrUQRAexSuR+F6CEAfhetRuB71P2ZmZmZmZhZAAAAAAAAACEAAAAAAAAAUQAAAAAAAABhAZmZmZmZmAEAAAAAAAAAIQAAAAAAAAARAzczMzMzMBEDNzMzMzMwUQPYoXI\u002fC9fg\u002fXI\u002fC9ShcEUAUrkfhehQMQAAAAAAAAAhAAAAAAAAA+D8pXI\u002fC9Sj8P+xRuB6F6xpArkfhehSuCUAAAAAAAAAAQK5H4XoUrv8\u002fFK5H4XoUDkAfhetRuB4FQDMzMzMzMwlAw\u002fUoXI\u002fCA0AAAAAAAADwPxSuR+F6FABAuB6F61G4AECF61G4HoX\u002fPwAAAAAAAAhAH4XrUbgeCUAAAAAAAAAUQJqZmZmZmQFAAAAAAAAA9D+kcD0K16MIQAAAAAAAABBAAAAAAAAACECuR+F6FK4FQAAAAAAAAAhAMzMzMzMzC0BI4XoUrkf9PwAAAAAAABRAPQrXo3A9AECuR+F6FK4UQAAAAAAAAABAAAAAAAAAEEBmZmZmZmYXQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAMQAAAAAAAAPA\u002fMzMzMzMzEUAAAAAAAAAKQOxRuB6F6xJAAAAAAAAAEEAAAAAAAAD4PwAAAAAAAAhAAAAAAAAA+D8AAAAAAAAEQAAAAAAAAAhAAAAAAAAABEDXo3A9CtcLQFK4HoXrURBAPQrXo3A9+j89CtejcD0QQClcj8L1KBFAFK5H4XoUDkAAAAAAAAAQQAAAAAAAAAhAAAAAAAAA8D8AAAAAAAAQQGZmZmZmZgRAAAAAAAAAEEAAAAAAAAAMQEjhehSuRxRAAAAAAAAA+D\u002fNzMzMzMz8P1yPwvUoXAdAexSuR+F6AkDhehSuR+H6PwAAAAAAAARAAAAAAAAAAEApXI\u002fC9SgEQM3MzMzMzBBArkfhehSu9z8AAAAAAAAAQAAAAAAAAABAcT0K16NwAUAAAAAAAAD4P6RwPQrXowZAAAAAAAAA+D8AAAAAAAAAQAAAAAAAAApAAAAAAAAA9D8AAAAAAAAAQAAAAAAAAABAAAAAAAAAAEAAAAAAAAAGQAAAAAAAAAxAzczMzMzMGkAAAAAAAAAUQAAAAAAAABRAZmZmZmZmAkAAAAAAAAD4P8P1KFyPwvU\u002fFK5H4XoU+j+uR+F6FK77PwAAAAAAAABAAAAAAAAABEAAAAAAAAAAQOxRuB6F6wVAAAAAAAAAAEAAAAAAAAAAQI\u002fC9ShcjxRAAAAAAAAAFEAAAAAAAAAOQOF6FK5H4QRAAAAAAAAAAEAAAAAAAAAMQAAAAAAAAARAAAAAAAAAAEAAAAAAAAAAQAAAAAAAAAhA16NwPQrXC0DsUbgehesBQAAAAAAAABJAw\u002fUoXI\u002fC+T8AAAAAAAAAQAAAAAAAACRASOF6FK5HCUCamZmZmZkUQHE9CtejcAlAAAAAAAAAEEDhehSuR+EIQAAAAAAAAABAAAAAAAAAAEAAAAAAAAAQQGZmZmZmZgxAcT0K16NwDUCamZmZmZkWQAAAAAAAAAxAAAAAAAAAGkAAAAAAAAAIQAAAAAAAABRAAAAAAAAADEAAAAAAAAAAQAAAAAAAAAxAAAAAAAAAEEAAAAAAAAD4P8P1KFyPwhBAexSuR+F6BEApXI\u002fC9SgAQAAAAAAAABBACtejcD0K9z8AAAAAAAAAQAAAAAAAABRAAAAAAAAAAEAAAAAAAAAAQAAAAAAAABBAFK5H4XoUAEAAAAAAAAAAQAAAAAAAAARAAAAAAAAAEEDXo3A9CtcJQEjhehSuRwtAAAAAAAAACEA9CtejcD0AQNejcD0K1wFAAAAAAAAAAECkcD0K16MUQAAAAAAAACJAAAAAAAAABEAAAAAAAAAaQJqZmZmZmfE\u002fAAAAAAAACEAAAAAAAAD4PwrXo3A9Cvc\u002fuB6F61G4CECamZmZmZkBQNejcD0K1wtAuB6F61G4\u002fj8AAAAAAAAIQEjhehSuR\u002fk\u002fAAAAAAAABEAAAAAAAAAAQAAAAAAAAAhAw\u002fUoXI\u002fCBUAK16NwPQoHQAAAAAAAAABAAAAAAAAACEAfhetRuB4LQIXrUbgehfc\u002fAAAAAAAACEAAAAAAAAD0PwAAAAAAAPA\u002fuB6F61G48j+uR+F6FK4SQK5H4XoUrhdAAAAAAAAAAEAAAAAAAAAAQAAAAAAAAPw\u002fAAAAAAAACEA="},"x0":" ","xaxis":"x","y":["Female","Male","Male","Male","Female","Male","Male","Male","Male","Male","Male","Female","Male","Male","Female","Male","Female","Male","Female","Male","Male","Female","Female","Male","Male","Male","Male","Male","Male","Female","Male","Male","Female","Female","Male","Male","Male","Female","Male","Male","Male","Male","Male","Male","Male","Male","Male","Male","Male","Male","Male","Female","Female","Male","Male","Male","Male","Female","Male","Male","Male","Male","Male","Male","Male","Male","Female","Female","Male","Male","Male","Female","Female","Female","Female","Male","Male","Male","Male","Male","Male","Male","Female","Male","Male","Female","Male","Male","Male","Male","Male","Male","Female","Female","Female","Male","Male","Male","Male","Male","Female","Female","Female","Female","Female","Male","Male","Male","Male","Female","Male","Female","Male","Male","Female","Female","Male","Female","Female","Female","Male","Female","Male","Male","Female","Female","Male","Female","Female","Male","Male","Female","Female","Female","Female","Female","Female","Female","Male","Female","Female","Male","Male","Female","Female","Female","Female","Female","Male","Male","Male","Male","Male","Male","Male","Female","Male","Female","Female","Male","Male","Male","Female","Male","Female","Male","Male","Male","Female","Female","Male","Male","Male","Male","Male","Male","Male","Male","Female","Male","Male","Male","Male","Male","Male","Male","Female","Male","Female","Male","Male","Female","Male","Male","Male","Male","Male","Female","Female","Male","Male","Female","Female","Female","Male","Female","Male","Male","Male","Female","Male","Male","Male","Female","Female","Female","Male","Male","Male","Female","Male","Female","Male","Female","Male","Female","Female","Male","Male","Female","Male","Male","Male","Male","Male","Male","Male","Male","Female","Male","Female","Male","Male","Female"],"y0":" ","yaxis":"y","type":"violin"}],                        {"template":{"data":{"histogram2dcontour":[{"type":"histogram2dcontour","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"choropleth":[{"type":"choropleth","colorbar":{"outlinewidth":0,"ticks":""}}],"histogram2d":[{"type":"histogram2d","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"heatmap":[{"type":"heatmap","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"type":"contourcarpet","colorbar":{"outlinewidth":0,"ticks":""}}],"contour":[{"type":"contour","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"surface":[{"type":"surface","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"mesh3d":[{"type":"mesh3d","colorbar":{"outlinewidth":0,"ticks":""}}],"scatter":[{"fillpattern":{"fillmode":"overlay","size":10,"solidity":0.2},"type":"scatter"}],"parcoords":[{"type":"parcoords","line":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"bar":[{"error_x":{"color":"#2a3f5f"},"error_y":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5},"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"bar"}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"histogram":[{"marker":{"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"histogram"}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatter3d":[{"type":"scatter3d","line":{"colorbar":{"outlinewidth":0,"ticks":""}},"marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scattermap":[{"type":"scattermap","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"carpet":[{"aaxis":{"endlinecolor":"#2a3f5f","gridcolor":"white","linecolor":"white","minorgridcolor":"white","startlinecolor":"#2a3f5f"},"baxis":{"endlinecolor":"#2a3f5f","gridcolor":"white","linecolor":"white","minorgridcolor":"white","startlinecolor":"#2a3f5f"},"type":"carpet"}],"table":[{"cells":{"fill":{"color":"#EBF0F8"},"line":{"color":"white"}},"header":{"fill":{"color":"#C8D4E3"},"line":{"color":"white"}},"type":"table"}],"barpolar":[{"marker":{"line":{"color":"#E5ECF6","width":0.5},"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"barpolar"}],"pie":[{"automargin":true,"type":"pie"}]},"layout":{"autotypenumbers":"strict","colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"],"font":{"color":"#2a3f5f"},"hovermode":"closest","hoverlabel":{"align":"left"},"paper_bgcolor":"white","plot_bgcolor":"#E5ECF6","polar":{"bgcolor":"#E5ECF6","angularaxis":{"gridcolor":"white","linecolor":"white","ticks":""},"radialaxis":{"gridcolor":"white","linecolor":"white","ticks":""}},"ternary":{"bgcolor":"#E5ECF6","aaxis":{"gridcolor":"white","linecolor":"white","ticks":""},"baxis":{"gridcolor":"white","linecolor":"white","ticks":""},"caxis":{"gridcolor":"white","linecolor":"white","ticks":""}},"coloraxis":{"colorbar":{"outlinewidth":0,"ticks":""}},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]]},"xaxis":{"gridcolor":"white","linecolor":"white","ticks":"","title":{"standoff":15},"zerolinecolor":"white","automargin":true,"zerolinewidth":2},"yaxis":{"gridcolor":"white","linecolor":"white","ticks":"","title":{"standoff":15},"zerolinecolor":"white","automargin":true,"zerolinewidth":2},"scene":{"xaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2},"yaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2},"zaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2}},"shapedefaults":{"line":{"color":"#2a3f5f"}},"annotationdefaults":{"arrowcolor":"#2a3f5f","arrowhead":0,"arrowwidth":1},"geo":{"bgcolor":"white","landcolor":"#E5ECF6","subunitcolor":"white","showland":true,"showlakes":true,"lakecolor":"white"},"title":{"x":0.05},"mapbox":{"style":"light"},"margin":{"b":0,"l":0,"r":0,"t":30}}},"xaxis":{"anchor":"y","domain":[0.0,1.0],"title":{"text":"tip"}},"yaxis":{"anchor":"x","domain":[0.0,1.0],"title":{"text":"sex"}},"legend":{"tracegroupgap":0},"violinmode":"group"},                        {"responsive": true}                    ).then(function(){
                            
var gd = document.getElementById('e5dcf8f8-abb4-4b11-95b5-8f4b2b57f41a');
var x = new MutationObserver(function (mutations, observer) {{
        var display = window.getComputedStyle(gd).display;
        if (!display || display === 'none') {{
            console.log([gd, 'removed!']);
            Plotly.purge(gd);
            observer.disconnect();
        }}
}});

// Listen for the removal of the full notebook cells
var notebookContainer = gd.closest('#notebook-container');
if (notebookContainer) {{
    x.observe(notebookContainer, {childList: true});
}}

// Listen for the clearing of the current output cell
var outputEl = gd.closest('.output');
if (outputEl) {{
    x.observe(outputEl, {childList: true});
}}

                        })                };            </script>        </div>
</div>
</div>
</section>
<section id="displaying-statit-plots" class="level1">
<h1>Displaying Statit plots</h1>
<p><img src="outputs/tips%20by%20dsex.png" class="img-fluid"></p>
</section>

</main>
<!-- /main column -->
<script id="quarto-html-after-body" type="application/javascript">
window.document.addEventListener("DOMContentLoaded", function (event) {
  const toggleBodyColorMode = (bsSheetEl) => {
    const mode = bsSheetEl.getAttribute("data-mode");
    const bodyEl = window.document.querySelector("body");
    if (mode === "dark") {
      bodyEl.classList.add("quarto-dark");
      bodyEl.classList.remove("quarto-light");
    } else {
      bodyEl.classList.add("quarto-light");
      bodyEl.classList.remove("quarto-dark");
    }
  }
  const toggleBodyColorPrimary = () => {
    const bsSheetEl = window.document.querySelector("link#quarto-bootstrap");
    if (bsSheetEl) {
      toggleBodyColorMode(bsSheetEl);
    }
  }
  toggleBodyColorPrimary();  
  const icon = "";
  const anchorJS = new window.AnchorJS();
  anchorJS.options = {
    placement: 'right',
    icon: icon
  };
  anchorJS.add('.anchored');
  const isCodeAnnotation = (el) => {
    for (const clz of el.classList) {
      if (clz.startsWith('code-annotation-')) {                     
        return true;
      }
    }
    return false;
  }
  const onCopySuccess = function(e) {
    // button target
    const button = e.trigger;
    // don't keep focus
    button.blur();
    // flash "checked"
    button.classList.add('code-copy-button-checked');
    var currentTitle = button.getAttribute("title");
    button.setAttribute("title", "Copied!");
    let tooltip;
    if (window.bootstrap) {
      button.setAttribute("data-bs-toggle", "tooltip");
      button.setAttribute("data-bs-placement", "left");
      button.setAttribute("data-bs-title", "Copied!");
      tooltip = new bootstrap.Tooltip(button, 
        { trigger: "manual", 
          customClass: "code-copy-button-tooltip",
          offset: [0, -8]});
      tooltip.show();    
    }
    setTimeout(function() {
      if (tooltip) {
        tooltip.hide();
        button.removeAttribute("data-bs-title");
        button.removeAttribute("data-bs-toggle");
        button.removeAttribute("data-bs-placement");
      }
      button.setAttribute("title", currentTitle);
      button.classList.remove('code-copy-button-checked');
    }, 1000);
    // clear code selection
    e.clearSelection();
  }
  const getTextToCopy = function(trigger) {
      const codeEl = trigger.previousElementSibling.cloneNode(true);
      for (const childEl of codeEl.children) {
        if (isCodeAnnotation(childEl)) {
          childEl.remove();
        }
      }
      return codeEl.innerText;
  }
  const clipboard = new window.ClipboardJS('.code-copy-button:not([data-in-quarto-modal])', {
    text: getTextToCopy
  });
  clipboard.on('success', onCopySuccess);
  if (window.document.getElementById('quarto-embedded-source-code-modal')) {
    const clipboardModal = new window.ClipboardJS('.code-copy-button[data-in-quarto-modal]', {
      text: getTextToCopy,
      container: window.document.getElementById('quarto-embedded-source-code-modal')
    });
    clipboardModal.on('success', onCopySuccess);
  }
    var localhostRegex = new RegExp(/^(?:http|https):\/\/localhost\:?[0-9]*\//);
    var mailtoRegex = new RegExp(/^mailto:/);
      var filterRegex = new RegExp('/' + window.location.host + '/');
    var isInternal = (href) => {
        return filterRegex.test(href) || localhostRegex.test(href) || mailtoRegex.test(href);
    }
    // Inspect non-navigation links and adorn them if external
 	var links = window.document.querySelectorAll('a[href]:not(.nav-link):not(.navbar-brand):not(.toc-action):not(.sidebar-link):not(.sidebar-item-toggle):not(.pagination-link):not(.no-external):not([aria-hidden]):not(.dropdown-item):not(.quarto-navigation-tool):not(.about-link)');
    for (var i=0; i<links.length; i++) {
      const link = links[i];
      if (!isInternal(link.href)) {
        // undo the damage that might have been done by quarto-nav.js in the case of
        // links that we want to consider external
        if (link.dataset.originalHref !== undefined) {
          link.href = link.dataset.originalHref;
        }
      }
    }
  function tippyHover(el, contentFn, onTriggerFn, onUntriggerFn) {
    const config = {
      allowHTML: true,
      maxWidth: 500,
      delay: 100,
      arrow: false,
      appendTo: function(el) {
          return el.parentElement;
      },
      interactive: true,
      interactiveBorder: 10,
      theme: 'quarto',
      placement: 'bottom-start',
    };
    if (contentFn) {
      config.content = contentFn;
    }
    if (onTriggerFn) {
      config.onTrigger = onTriggerFn;
    }
    if (onUntriggerFn) {
      config.onUntrigger = onUntriggerFn;
    }
    window.tippy(el, config); 
  }
  const noterefs = window.document.querySelectorAll('a[role="doc-noteref"]');
  for (var i=0; i<noterefs.length; i++) {
    const ref = noterefs[i];
    tippyHover(ref, function() {
      // use id or data attribute instead here
      let href = ref.getAttribute('data-footnote-href') || ref.getAttribute('href');
      try { href = new URL(href).hash; } catch {}
      const id = href.replace(/^#\/?/, "");
      const note = window.document.getElementById(id);
      if (note) {
        return note.innerHTML;
      } else {
        return "";
      }
    });
  }
  const xrefs = window.document.querySelectorAll('a.quarto-xref');
  const processXRef = (id, note) => {
    // Strip column container classes
    const stripColumnClz = (el) => {
      el.classList.remove("page-full", "page-columns");
      if (el.children) {
        for (const child of el.children) {
          stripColumnClz(child);
        }
      }
    }
    stripColumnClz(note)
    if (id === null || id.startsWith('sec-')) {
      // Special case sections, only their first couple elements
      const container = document.createElement("div");
      if (note.children && note.children.length > 2) {
        container.appendChild(note.children[0].cloneNode(true));
        for (let i = 1; i < note.children.length; i++) {
          const child = note.children[i];
          if (child.tagName === "P" && child.innerText === "") {
            continue;
          } else {
            container.appendChild(child.cloneNode(true));
            break;
          }
        }
        if (window.Quarto?.typesetMath) {
          window.Quarto.typesetMath(container);
        }
        return container.innerHTML
      } else {
        if (window.Quarto?.typesetMath) {
          window.Quarto.typesetMath(note);
        }
        return note.innerHTML;
      }
    } else {
      // Remove any anchor links if they are present
      const anchorLink = note.querySelector('a.anchorjs-link');
      if (anchorLink) {
        anchorLink.remove();
      }
      if (window.Quarto?.typesetMath) {
        window.Quarto.typesetMath(note);
      }
      if (note.classList.contains("callout")) {
        return note.outerHTML;
      } else {
        return note.innerHTML;
      }
    }
  }
  for (var i=0; i<xrefs.length; i++) {
    const xref = xrefs[i];
    tippyHover(xref, undefined, function(instance) {
      instance.disable();
      let url = xref.getAttribute('href');
      let hash = undefined; 
      if (url.startsWith('#')) {
        hash = url;
      } else {
        try { hash = new URL(url).hash; } catch {}
      }
      if (hash) {
        const id = hash.replace(/^#\/?/, "");
        const note = window.document.getElementById(id);
        if (note !== null) {
          try {
            const html = processXRef(id, note.cloneNode(true));
            instance.setContent(html);
          } finally {
            instance.enable();
            instance.show();
          }
        } else {
          // See if we can fetch this
          fetch(url.split('#')[0])
          .then(res => res.text())
          .then(html => {
            const parser = new DOMParser();
            const htmlDoc = parser.parseFromString(html, "text/html");
            const note = htmlDoc.getElementById(id);
            if (note !== null) {
              const html = processXRef(id, note);
              instance.setContent(html);
            } 
          }).finally(() => {
            instance.enable();
            instance.show();
          });
        }
      } else {
        // See if we can fetch a full url (with no hash to target)
        // This is a special case and we should probably do some content thinning / targeting
        fetch(url)
        .then(res => res.text())
        .then(html => {
          const parser = new DOMParser();
          const htmlDoc = parser.parseFromString(html, "text/html");
          const note = htmlDoc.querySelector('main.content');
          if (note !== null) {
            // This should only happen for chapter cross references
            // (since there is no id in the URL)
            // remove the first header
            if (note.children.length > 0 && note.children[0].tagName === "HEADER") {
              note.children[0].remove();
            }
            const html = processXRef(null, note);
            instance.setContent(html);
          } 
        }).finally(() => {
          instance.enable();
          instance.show();
        });
      }
    }, function(instance) {
    });
  }
      let selectedAnnoteEl;
      const selectorForAnnotation = ( cell, annotation) => {
        let cellAttr = 'data-code-cell="' + cell + '"';
        let lineAttr = 'data-code-annotation="' +  annotation + '"';
        const selector = 'span[' + cellAttr + '][' + lineAttr + ']';
        return selector;
      }
      const selectCodeLines = (annoteEl) => {
        const doc = window.document;
        const targetCell = annoteEl.getAttribute("data-target-cell");
        const targetAnnotation = annoteEl.getAttribute("data-target-annotation");
        const annoteSpan = window.document.querySelector(selectorForAnnotation(targetCell, targetAnnotation));
        const lines = annoteSpan.getAttribute("data-code-lines").split(",");
        const lineIds = lines.map((line) => {
          return targetCell + "-" + line;
        })
        let top = null;
        let height = null;
        let parent = null;
        if (lineIds.length > 0) {
            //compute the position of the single el (top and bottom and make a div)
            const el = window.document.getElementById(lineIds[0]);
            top = el.offsetTop;
            height = el.offsetHeight;
            parent = el.parentElement.parentElement;
          if (lineIds.length > 1) {
            const lastEl = window.document.getElementById(lineIds[lineIds.length - 1]);
            const bottom = lastEl.offsetTop + lastEl.offsetHeight;
            height = bottom - top;
          }
          if (top !== null && height !== null && parent !== null) {
            // cook up a div (if necessary) and position it 
            let div = window.document.getElementById("code-annotation-line-highlight");
            if (div === null) {
              div = window.document.createElement("div");
              div.setAttribute("id", "code-annotation-line-highlight");
              div.style.position = 'absolute';
              parent.appendChild(div);
            }
            div.style.top = top - 2 + "px";
            div.style.height = height + 4 + "px";
            div.style.left = 0;
            let gutterDiv = window.document.getElementById("code-annotation-line-highlight-gutter");
            if (gutterDiv === null) {
              gutterDiv = window.document.createElement("div");
              gutterDiv.setAttribute("id", "code-annotation-line-highlight-gutter");
              gutterDiv.style.position = 'absolute';
              const codeCell = window.document.getElementById(targetCell);
              const gutter = codeCell.querySelector('.code-annotation-gutter');
              gutter.appendChild(gutterDiv);
            }
            gutterDiv.style.top = top - 2 + "px";
            gutterDiv.style.height = height + 4 + "px";
          }
          selectedAnnoteEl = annoteEl;
        }
      };
      const unselectCodeLines = () => {
        const elementsIds = ["code-annotation-line-highlight", "code-annotation-line-highlight-gutter"];
        elementsIds.forEach((elId) => {
          const div = window.document.getElementById(elId);
          if (div) {
            div.remove();
          }
        });
        selectedAnnoteEl = undefined;
      };
        // Handle positioning of the toggle
    window.addEventListener(
      "resize",
      throttle(() => {
        elRect = undefined;
        if (selectedAnnoteEl) {
          selectCodeLines(selectedAnnoteEl);
        }
      }, 10)
    );
    function throttle(fn, ms) {
    let throttle = false;
    let timer;
      return (...args) => {
        if(!throttle) { // first call gets through
            fn.apply(this, args);
            throttle = true;
        } else { // all the others get throttled
            if(timer) clearTimeout(timer); // cancel #2
            timer = setTimeout(() => {
              fn.apply(this, args);
              timer = throttle = false;
            }, ms);
        }
      };
    }
      // Attach click handler to the DT
      const annoteDls = window.document.querySelectorAll('dt[data-target-cell]');
      for (const annoteDlNode of annoteDls) {
        annoteDlNode.addEventListener('click', (event) => {
          const clickedEl = event.target;
          if (clickedEl !== selectedAnnoteEl) {
            unselectCodeLines();
            const activeEl = window.document.querySelector('dt[data-target-cell].code-annotation-active');
            if (activeEl) {
              activeEl.classList.remove('code-annotation-active');
            }
            selectCodeLines(clickedEl);
            clickedEl.classList.add('code-annotation-active');
          } else {
            // Unselect the line
            unselectCodeLines();
            clickedEl.classList.remove('code-annotation-active');
          }
        });
      }
  const findCites = (el) => {
    const parentEl = el.parentElement;
    if (parentEl) {
      const cites = parentEl.dataset.cites;
      if (cites) {
        return {
          el,
          cites: cites.split(' ')
        };
      } else {
        return findCites(el.parentElement)
      }
    } else {
      return undefined;
    }
  };
  var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]');
  for (var i=0; i<bibliorefs.length; i++) {
    const ref = bibliorefs[i];
    const citeInfo = findCites(ref);
    if (citeInfo) {
      tippyHover(citeInfo.el, function() {
        var popup = window.document.createElement('div');
        citeInfo.cites.forEach(function(cite) {
          var citeDiv = window.document.createElement('div');
          citeDiv.classList.add('hanging-indent');
          citeDiv.classList.add('csl-entry');
          var biblioDiv = window.document.getElementById('ref-' + cite);
          if (biblioDiv) {
            citeDiv.innerHTML = biblioDiv.innerHTML;
          }
          popup.appendChild(citeDiv);
        });
        return popup.innerHTML;
      });
    }
  }
});
</script>
</div> <!-- /content -->


</body></html>