Built site for gh-pages

.nojekyll

@@ -1 +1 @@
-29d6a645
+baa3d8bc

changelog.html

@@ -112,7 +112,8 @@
     <h2 id="toc-title">On this page</h2>
 
   <ul>
-  <li><a href="#pyobsplot-0.5.2-dev" id="toc-pyobsplot-0.5.2-dev" class="nav-link active" data-scroll-target="#pyobsplot-0.5.2-dev">pyobsplot 0.5.2-dev</a></li>
+  <li><a href="#pyobsplot-0.5.3-dev" id="toc-pyobsplot-0.5.3-dev" class="nav-link active" data-scroll-target="#pyobsplot-0.5.3-dev">pyobsplot 0.5.3-dev</a></li>
+  <li><a href="#pyobsplot-0.5.2" id="toc-pyobsplot-0.5.2" class="nav-link" data-scroll-target="#pyobsplot-0.5.2">pyobsplot 0.5.2</a></li>
   <li><a href="#pyobsplot-0.5.1" id="toc-pyobsplot-0.5.1" class="nav-link" data-scroll-target="#pyobsplot-0.5.1">pyobsplot 0.5.1</a></li>
   <li><a href="#pyobsplot-0.5.0" id="toc-pyobsplot-0.5.0" class="nav-link" data-scroll-target="#pyobsplot-0.5.0">pyobsplot 0.5.0</a>
   <ul class="collapse">
@@ -160,8 +161,14 @@ <h1 class="title">Changelog</h1>
 </header>
 
 
-<section id="pyobsplot-0.5.2-dev" class="level2">
-<h2 class="anchored" data-anchor-id="pyobsplot-0.5.2-dev">pyobsplot 0.5.2-dev</h2>
+<section id="pyobsplot-0.5.3-dev" class="level2">
+<h2 class="anchored" data-anchor-id="pyobsplot-0.5.3-dev">pyobsplot 0.5.3-dev</h2>
+</section>
+<section id="pyobsplot-0.5.2" class="level2">
+<h2 class="anchored" data-anchor-id="pyobsplot-0.5.2">pyobsplot 0.5.2</h2>
+<ul>
+<li>Update Observable Plot to 0.6.17</li>
+</ul>
 </section>
 <section id="pyobsplot-0.5.1" class="level2">
 <h2 class="anchored" data-anchor-id="pyobsplot-0.5.1">pyobsplot 0.5.1</h2>

development.html

@@ -331,7 +331,7 @@ <h2 class="anchored" data-anchor-id="tests">Tests</h2>
 <h2 class="anchored" data-anchor-id="debug-mode">Debug mode</h2>
 <p>“Debug mode” outputs the computed JavaScript plot structure (the one passed to <code>Plot.plot</code>).</p>
 <p>To activate it, add <code>debug=True</code> when using <code>Plot.plot()</code> or when creating your plot generator object:</p>
-<div id="5b751b18" class="cell" data-execution_count="1">
+<div id="52c0c4f4" class="cell" data-execution_count="1">
 <div class="sourceCode cell-code" id="cb9"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb9-1"><a href="#cb9-1" aria-hidden="true" tabindex="-1"></a>op <span class="op">=</span> Obsplot(debug<span class="op">=</span><span class="va">True</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
 <p>If using the <code>widget</code> renderer, debug output will be displayed in JavaScript console. With the <code>jsdom</code> renderer, it will be displayed directly in the notebook.</p>
@@ -349,8 +349,9 @@ <h3 class="anchored" data-anchor-id="releases">Releases</h3>
 <li>If necessary release the npm package with <code>npm publish</code> in <code>packages/pyobsplot-js</code></li>
 <li>Check that the <code>min_npm_version</code> value in <code>utils.py</code> is correct</li>
 <li>Change version in <code>NEWS.md</code> and <code>pyproject.toml</code></li>
+<li>Cleanup the previous builds in <code>dist/</code></li>
 <li>Build the Python package with <code>npm run build</code></li>
-<li>Release the Python package with <code>uvx twine upload dist/pyobsplot-0.X.Y*</code></li>
+<li>Release the Python package with <code>uv publish</code></li>
 <li>Tag the version in git</li>
 <li>Create a release on Github</li>
 <li>Bump to dev version in <code>pyproject.toml</code> and <code>NEWS.md</code></li>

gallery_geo.html

@@ -280,7 +280,7 @@ <h1 class="title">Mapping and spatial data</h1>
 <h2 class="anchored" data-anchor-id="geo-mark">Geo mark</h2>
 <p>The <a href="https://observablehq.com/@observablehq/plot-geo?collection=@observablehq/plot">Geo mark</a> allows to draw geographic features such as points, lines and polygons. These marks data are passed as GeoJSON.</p>
 <p>This allows to create choropleth maps such as the following:</p>
-<div id="8feffd21" class="cell" data-execution_count="2">
+<div id="04253c1d" class="cell" data-execution_count="2">
 <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">from</span> pyobsplot <span class="im">import</span> Obsplot, Plot</span>
 <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> geopandas <span class="im">as</span> gpd</span>
 <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> pandas <span class="im">as</span> pd</span>
@@ -333,7 +333,7 @@ <h2 class="anchored" data-anchor-id="geo-mark">Geo mark</h2>
 </div>
 </div>
 <p>Of course other marks can be used in conjunction with geo marks. This example represents the density of Walmarts supermarkets and is taken from the <a href="https://observablehq.com/@observablehq/plot-mapping?collection=@observablehq/plot">Mapping notebook</a>.</p>
-<div id="2a2f9b36" class="cell" data-execution_count="3">
+<div id="aa15e3a7" class="cell" data-execution_count="3">
 <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><span class="co"># Load US states from TopoJson with geopandas and convert to GeoJson</span></span>
 <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a>states <span class="op">=</span> gpd.read_file(<span class="st">"data/us-counties-10m.json"</span>, layer<span class="op">=</span><span class="st">"states"</span>).to_json()</span>
 <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a>nation <span class="op">=</span> gpd.read_file(<span class="st">"data/us-counties-10m.json"</span>, layer<span class="op">=</span><span class="st">"nation"</span>).to_json()</span>
@@ -377,7 +377,7 @@ <h2 class="anchored" data-anchor-id="geo-mark">Geo mark</h2>
 <h2 class="anchored" data-anchor-id="raster-mark">Raster mark</h2>
 <p>The <a href="https://observablehq.com/@observablehq/plot-raster?collection=@observablehq/plot">Raster mark</a> creates an image from spatial data.</p>
 <p>Plot allows to do different type of spatial interpolations, such as <em>nearest</em>, which draws voronoi cells around values:</p>
-<div id="1c82fcdc" class="cell" data-execution_count="4">
+<div id="4409e75a" class="cell" data-execution_count="4">
 <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><span class="im">import</span> polars <span class="im">as</span> pl</span>
 <span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a></span>
 <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a>ca55 <span class="op">=</span> pl.read_csv(<span class="st">"data/ca55-south.csv"</span>)</span>
@@ -424,7 +424,7 @@ <h2 class="anchored" data-anchor-id="raster-mark">Raster mark</h2>
 </div>
 </div>
 <p>Or the more recent random walk interpolation:</p>
-<div id="6b6ff260" class="cell" data-execution_count="5">
+<div id="8a33f363" class="cell" data-execution_count="5">
 <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>flare_map(<span class="st">"random-walk"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-display">
 <figure class="plot-d6a7b5-figure figure" style="max-width: initial; padding: 0px 5px 5px 5px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" typstbg="#FFFFFF" typstfg="#000000" typstcaption="#777777"><svg class="plot-d6a7b5" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="500" viewbox="0 0 640 500" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><style>:where(.plot-d6a7b5) {

gallery_marks.html

@@ -282,7 +282,7 @@ <h1 class="title">Marks</h1>
 <section id="cell-mark" class="level2">
 <h2 class="anchored" data-anchor-id="cell-mark">Cell mark</h2>
 <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>
-<div id="1304a767" class="cell" data-execution_count="2">
+<div id="3f567493" class="cell" data-execution_count="2">
 <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>
 <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>
 <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a></span>
@@ -331,7 +331,7 @@ <h2 class="anchored" data-anchor-id="cell-mark">Cell mark</h2>
 <section id="faceting" class="level2">
 <h2 class="anchored" data-anchor-id="faceting">Faceting</h2>
 <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>
-<div id="cb04758a" class="cell" data-execution_count="3">
+<div id="19119365" class="cell" data-execution_count="3">
 <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>
 <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a></span>
 <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a>Plot.plot(</span>
@@ -383,7 +383,7 @@ <h2 class="anchored" data-anchor-id="faceting">Faceting</h2>
 <section id="arrow-mark" class="level2">
 <h2 class="anchored" data-anchor-id="arrow-mark">Arrow mark</h2>
 <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>
-<div id="6a7af863" class="cell" data-execution_count="4">
+<div id="38fb16cd" class="cell" data-execution_count="4">
 <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>
 <span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a></span>
 <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a>Plot.plot(</span>
@@ -455,7 +455,7 @@ <h2 class="anchored" data-anchor-id="arrow-mark">Arrow mark</h2>
 <section id="contour-mark" class="level2">
 <h2 class="anchored" data-anchor-id="contour-mark">Contour mark</h2>
 <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>
-<div id="f1d23355" class="cell" data-execution_count="5">
+<div id="a841ca30" class="cell" data-execution_count="5">
 <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>
 <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>
 <span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a>    .transpose()</span>

gallery_themes.html

@@ -281,7 +281,7 @@ <h1 class="title">Themes</h1>
 <section id="light-theme" class="level2">
 <h2 class="anchored" data-anchor-id="light-theme"><code>light</code> theme</h2>
 <p>The light theme produces plots with a white background and a black foreground color. This is the default theme:</p>
-<div id="225a074a" class="cell" data-execution_count="2">
+<div id="e773dfcc" class="cell" data-execution_count="2">
 <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>
 <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> Obsplot, Plot, d3, js</span>
 <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a></span>
@@ -336,7 +336,7 @@ <h2 class="anchored" data-anchor-id="light-theme"><code>light</code> theme</h2>
 <section id="dark-theme" class="level2">
 <h2 class="anchored" data-anchor-id="dark-theme"><code>dark</code> theme</h2>
 <p>The dark theme produces plots with a black background and a white foreground color.</p>
-<div id="efa62621" class="cell" data-execution_count="3">
+<div id="f9a22825" class="cell" data-execution_count="3">
 <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>Plot.plot(</span>
 <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a>    {</span>
 <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a>        <span class="st">"y"</span>: {<span class="st">"grid"</span>: <span class="va">True</span>},</span>
@@ -387,7 +387,7 @@ <h2 class="anchored" data-anchor-id="dark-theme"><code>dark</code> theme</h2>
 <h2 class="anchored" data-anchor-id="current-theme"><code>current</code> theme</h2>
 <div style="background-color: #ffeeee; color: #7e0c00; padding: 1em;">
 <p>The “current” theme uses a transparent background and a <code>currentColor</code> foreground, so it should keep the current color theme:</p>
-<div id="c3241d1d" class="cell" data-execution_count="4">
+<div id="416e52a0" class="cell" data-execution_count="4">
 <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>Plot.plot(</span>
 <span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a>    {</span>
 <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a>        <span class="st">"y"</span>: {<span class="st">"grid"</span>: <span class="va">True</span>},</span>