|
2 | 2 | <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head> |
3 | 3 |
|
4 | 4 | <meta charset="utf-8"> |
5 | | -<meta name="generator" content="quarto-1.7.31"> |
| 5 | +<meta name="generator" content="quarto-1.7.32"> |
6 | 6 |
|
7 | 7 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> |
8 | 8 |
|
|
74 | 74 | <script src="site_libs/quarto-html/tippy.umd.min.js"></script> |
75 | 75 | <script src="site_libs/quarto-html/anchor.min.js"></script> |
76 | 76 | <link href="site_libs/quarto-html/tippy.css" rel="stylesheet"> |
77 | | -<link href="site_libs/quarto-html/quarto-syntax-highlighting-1d9754e6b7e1dc15a659fbcd6780067e.css" rel="stylesheet" id="quarto-text-highlighting-styles"> |
| 77 | +<link href="site_libs/quarto-html/quarto-syntax-highlighting-629432c7d29b615b3888e3cdfd62b7a9.css" rel="stylesheet" id="quarto-text-highlighting-styles"> |
78 | 78 | <script src="site_libs/bootstrap/bootstrap.min.js"></script> |
79 | 79 | <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet"> |
80 | | -<link href="site_libs/bootstrap/bootstrap-36ed28565e95d5e7ba0e57733cac60ab.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light"> |
| 80 | +<link href="site_libs/bootstrap/bootstrap-3095cb3133064099da2b6c1e837d828f.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light"> |
81 | 81 | <script id="quarto-search-options" type="application/json">{ |
82 | 82 | "location": "navbar", |
83 | 83 | "copy-button": false, |
@@ -284,7 +284,7 @@ <h1 class="title">Marks</h1> |
284 | 284 | <section id="cell-mark" class="level2"> |
285 | 285 | <h2 class="anchored" data-anchor-id="cell-mark">Cell mark</h2> |
286 | 286 | <p>The following chart, taken from the <a href="https://observablehq.com/@observablehq/plot-cell?collection=@observablehq/plot">Cell Mark notebook</a>, shows the rating of every episode of <em>The Simpsons</em>.</p> |
287 | | -<div id="e0a5171a" class="cell" data-execution_count="2"> |
| 287 | +<div id="889089bf" class="cell" data-execution_count="2"> |
288 | 288 | <div class="sourceCode cell-code" id="cb1"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> polars <span class="im">as</span> pl</span> |
289 | 289 | <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> pyobsplot <span class="im">import</span> Plot, d3, Math, js</span> |
290 | 290 | <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a></span> |
@@ -333,7 +333,7 @@ <h2 class="anchored" data-anchor-id="cell-mark">Cell mark</h2> |
333 | 333 | <section id="faceting" class="level2"> |
334 | 334 | <h2 class="anchored" data-anchor-id="faceting">Faceting</h2> |
335 | 335 | <p><em>Faceting</em> allows to easily produce multiple plots by partitioning data. The following facet plot is taken from the <a href="https://observablehq.com/@observablehq/plot-facets?collection=@observablehq/plot">Facets notebook</a>.</p> |
336 | | -<div id="5c3227ed" class="cell" data-execution_count="3"> |
| 336 | +<div id="4c0ac719" class="cell" data-execution_count="3"> |
337 | 337 | <div class="sourceCode cell-code" id="cb2"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a>penguins <span class="op">=</span> pl.read_csv(<span class="st">"data/penguins.csv"</span>)</span> |
338 | 338 | <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a></span> |
339 | 339 | <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a>Plot.plot(</span> |
@@ -385,7 +385,7 @@ <h2 class="anchored" data-anchor-id="faceting">Faceting</h2> |
385 | 385 | <section id="arrow-mark" class="level2"> |
386 | 386 | <h2 class="anchored" data-anchor-id="arrow-mark">Arrow mark</h2> |
387 | 387 | <p>Some marks allow for nice representation of complex data. The following plot, taken from the <a href="https://observablehq.com/@observablehq/plot-arrow?collection=@observablehq/plot">Arrow mark notebook</a>, shows the evolution of inequality and population in various U.S. cities.</p> |
388 | | -<div id="e219c2d9" class="cell" data-execution_count="4"> |
| 388 | +<div id="98dcda85" class="cell" data-execution_count="4"> |
389 | 389 | <div class="sourceCode cell-code" id="cb3"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a>metros <span class="op">=</span> pl.read_csv(<span class="st">"data/metros.csv"</span>)</span> |
390 | 390 | <span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a></span> |
391 | 391 | <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a>Plot.plot(</span> |
@@ -457,7 +457,7 @@ <h2 class="anchored" data-anchor-id="arrow-mark">Arrow mark</h2> |
457 | 457 | <section id="contour-mark" class="level2"> |
458 | 458 | <h2 class="anchored" data-anchor-id="contour-mark">Contour mark</h2> |
459 | 459 | <p>The contour mark allows for nice representations of spatial data. The following example taken from the <a href="https://observablehq.com/@observablehq/plot-contour?collection=@observablehq/plot">Contour mark notebook</a> shows water vapor data from november 2022 (note that data processing and plot code are slightly modified to adapt to <code>pyobsplot</code> specificities).</p> |
460 | | -<div id="977c3501" class="cell" data-execution_count="5"> |
| 460 | +<div id="d48fbee7" class="cell" data-execution_count="5"> |
461 | 461 | <div class="sourceCode cell-code" id="cb4"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a>vapor <span class="op">=</span> (</span> |
462 | 462 | <span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a> pl.read_csv(<span class="st">"data/vapor.csv"</span>, has_header<span class="op">=</span><span class="va">False</span>, null_values<span class="op">=</span><span class="st">"99999.0"</span>)</span> |
463 | 463 | <span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a> .transpose()</span> |
|
0 commit comments