<html lang="en">

  <head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://unpkg.com/@stencila/thema@2/dist/themes/stencila/styles.css"
      rel="stylesheet">
    <script src="https://unpkg.com/@stencila/thema@2/dist/themes/stencila/index.js"
      type="text/javascript"></script>
    <script
      src="https://unpkg.com/@stencila/components@&lt;=1/dist/stencila-components/stencila-components.esm.js"
      type="module"></script>
    <script
      src="https://unpkg.com/@stencila/components@&lt;=1/dist/stencila-components/stencila-components.js"
      type="text/javascript" nomodule=""></script>
  </head>

  <body>
    <main role="main">
      <article itemscope="" itemtype="http://schema.org/Article" data-itemscope="root">
        <meta itemprop="image"
          content="https://via.placeholder.com/1200x714/dbdbdb/4a4a4a.png?text="><span itemscope=""
          itemtype="http://schema.org/Organization" itemprop="publisher">
          <meta itemprop="name" content="Unknown"><span itemscope=""
            itemtype="http://schema.org/ImageObject" itemprop="logo">
            <meta itemprop="url"
              content="https://via.placeholder.com/600x60/dbdbdb/4a4a4a.png?text=Unknown">
          </span>
        </span>
        <p itemscope="" itemtype="http://schema.stenci.la/Paragraph"><a
            href="https://colab.research.google.com/github/arinbasu/2021-06-15-stencila/blob/main/main.ipynb"
            itemscope="" itemtype="http://schema.stenci.la/Link"><img
              src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"
              itemscope="" itemtype="http://schema.org/ImageObject"></a></p>
        <figure itemscope="" itemtype="http://schema.stenci.la/Figure" id="VKRVxVsddx4x">
          <stencila-code-chunk itemscope="" itemtype="http://schema.stenci.la/CodeChunk"
            data-execution_count="2" data-programminglanguage="python">
            <pre class="language-python" itemscope="" itemtype="http://schema.stenci.la/CodeBlock"
              slot="text"><code>import pandas as pd
import numpy as np
import altair as alt
</code></pre>
          </stencila-code-chunk>
        </figure>
        <figure itemscope="" itemtype="http://schema.stenci.la/Figure" id="KN868YB0d52D">
          <stencila-code-chunk itemscope="" itemtype="http://schema.stenci.la/CodeChunk"
            data-colab="[object Object]" data-outputid="9575ca02-53ff-4802-d987-6f739860d8ad"
            data-execution_count="3" data-programminglanguage="python">
            <pre class="language-python" itemscope="" itemtype="http://schema.stenci.la/CodeBlock"
              slot="text"><code>df = pd.DataFrame({&quot;x&quot; : [1,2,3,4],
                   &quot;y&quot; : [4,5,6,7] })
df

chart = alt.Chart(df)
chart.mark_point().encode(
    alt.X(&#39;x:Q&#39;),
    alt.Y(&#39;y:Q&#39;)
)</code></pre>
            <figure slot="outputs"><span data-itemtype="http://schema.stenci.la/Null">null</span>
            </figure>
          </stencila-code-chunk>
        </figure>
        <figure itemscope="" itemtype="http://schema.stenci.la/Figure" id="7EMq919cfUjQ">
          <stencila-code-chunk itemscope="" itemtype="http://schema.stenci.la/CodeChunk"
            data-execution_count="null" data-programminglanguage="python">
            <pre class="language-python" itemscope="" itemtype="http://schema.stenci.la/CodeBlock"
              slot="text"><code></code></pre>
          </stencila-code-chunk>
        </figure>
      </article>
    </main>
  </body>

</html>