Built site for gh-pages

.nojekyll

@@ -1 +1 @@
-8a94139a
+30008ad3

blog/comet-chart.html

@@ -276,7 +276,7 @@ <h1 class="title">Comet charts in Python</h1>
 <p><a href="https://www.zanarmstrong.com/#/infovisresearch/">Zan Armstrong’s comet chart</a> has been on my list of hobby projects for a while now. I think it is an elegant solution to visualize statistical mix effects and address Simpson’s paradox, and particularly useful when working with longitudinal data involving different sub-populations. Recently I found a good excuse to spend some time to actually use it as part of a exploratory data analysis on a project.</p>
 <p>Since I mostly work in Python and have recently fallen in love with <a href="https://altair-viz.github.io/index.html">Altair</a> — for the same reasons as <a href="http://fernandoi.cl/blog/posts/altair/">Fernando explains here</a> — I wondered how the comet chart could be implemented using the <a href="https://idl.cs.washington.edu/papers/vega-lite/">grammar of interactive graphics</a>. It took me a while to figure out how to actually plot the comets. In a previous version, I had <a href="https://github.com/dkapitan/comet-chart/blob/master/comet-chart.ipynb">drawn glyphs using Bokeh</a>. While Altair allows you to plot any SVG path in a graph, this felt a bit hacky and not quite in line with the philosophy of using a grammar of graphics.</p>
 <p>Thankfully <a href="https://github.com/altair-viz/altair/issues/2395#issuecomment-766454328">Mattijn was quick to suggest using trail-marks</a>, after which it was almost as easy as pie. So here’s an example using a dataset of 20,000 flights for 59 destination airports.</p>
-<div id="46eaab19" class="cell" data-execution_count="1">
+<div id="2ee7c719" class="cell" data-execution_count="1">
 <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> altair <span class="im">as</span> alt</span>
 <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> pandas <span class="im">as</span> pd</span>
 <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> vega_datasets</span>
@@ -353,23 +353,23 @@ <h1 class="title">Comet charts in Python</h1>
 <div class="cell-output cell-output-display" data-execution_count="1">
 
 <style>
-  #altair-viz-1f26a2e1257d4d93bd0ce866f3201489.vega-embed {
+  #altair-viz-81e5024cb1dd44d0b173a22ac46ce797.vega-embed {
     width: 100%;
     display: flex;
   }
 
-  #altair-viz-1f26a2e1257d4d93bd0ce866f3201489.vega-embed details,
-  #altair-viz-1f26a2e1257d4d93bd0ce866f3201489.vega-embed details summary {
+  #altair-viz-81e5024cb1dd44d0b173a22ac46ce797.vega-embed details,
+  #altair-viz-81e5024cb1dd44d0b173a22ac46ce797.vega-embed details summary {
     position: relative;
   }
 </style>
-<div id="altair-viz-1f26a2e1257d4d93bd0ce866f3201489"></div>
+<div id="altair-viz-81e5024cb1dd44d0b173a22ac46ce797"></div>
 <script type="text/javascript">
   var VEGA_DEBUG = (typeof VEGA_DEBUG == "undefined") ? {} : VEGA_DEBUG;
   (function(spec, embedOpt){
     let outputDiv = document.currentScript.previousElementSibling;
-    if (outputDiv.id !== "altair-viz-1f26a2e1257d4d93bd0ce866f3201489") {
-      outputDiv = document.getElementById("altair-viz-1f26a2e1257d4d93bd0ce866f3201489");
+    if (outputDiv.id !== "altair-viz-81e5024cb1dd44d0b173a22ac46ce797") {
+      outputDiv = document.getElementById("altair-viz-81e5024cb1dd44d0b173a22ac46ce797");
     }
     const paths = {
       "vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",

blog/index.xml

@@ -2291,7 +2291,7 @@ font-style: inherit;">enumerate</span>(productions)]))</span></code></pre></div>
 <p><a href="https://www.zanarmstrong.com/#/infovisresearch/">Zan Armstrong’s comet chart</a> has been on my list of hobby projects for a while now. I think it is an elegant solution to visualize statistical mix effects and address Simpson’s paradox, and particularly useful when working with longitudinal data involving different sub-populations. Recently I found a good excuse to spend some time to actually use it as part of a exploratory data analysis on a project.</p>
 <p>Since I mostly work in Python and have recently fallen in love with <a href="https://altair-viz.github.io/index.html">Altair</a> — for the same reasons as <a href="http://fernandoi.cl/blog/posts/altair/">Fernando explains here</a> — I wondered how the comet chart could be implemented using the <a href="https://idl.cs.washington.edu/papers/vega-lite/">grammar of interactive graphics</a>. It took me a while to figure out how to actually plot the comets. In a previous version, I had <a href="https://github.com/dkapitan/comet-chart/blob/master/comet-chart.ipynb">drawn glyphs using Bokeh</a>. While Altair allows you to plot any SVG path in a graph, this felt a bit hacky and not quite in line with the philosophy of using a grammar of graphics.</p>
 <p>Thankfully <a href="https://github.com/altair-viz/altair/issues/2395#issuecomment-766454328">Mattijn was quick to suggest using trail-marks</a>, after which it was almost as easy as pie. So here’s an example using a dataset of 20,000 flights for 59 destination airports.</p>
-<div id="46eaab19" class="cell" data-execution_count="1">
+<div id="2ee7c719" class="cell" data-execution_count="1">
 <div class="sourceCode cell-code" id="cb1" style="background: #f1f3f5;"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb1-1"><span class="im" style="color: #00769E;
 background-color: null;
 font-style: inherit;">import</span> altair <span class="im" style="color: #00769E;
@@ -2572,23 +2572,23 @@ font-style: inherit;">"black"</span>)</span></code></pre></div>
 <div class="cell-output cell-output-display" data-execution_count="1">
 
 <style>
-  #altair-viz-1f26a2e1257d4d93bd0ce866f3201489.vega-embed {
+  #altair-viz-81e5024cb1dd44d0b173a22ac46ce797.vega-embed {
     width: 100%;
     display: flex;
   }
 
-  #altair-viz-1f26a2e1257d4d93bd0ce866f3201489.vega-embed details,
-  #altair-viz-1f26a2e1257d4d93bd0ce866f3201489.vega-embed details summary {
+  #altair-viz-81e5024cb1dd44d0b173a22ac46ce797.vega-embed details,
+  #altair-viz-81e5024cb1dd44d0b173a22ac46ce797.vega-embed details summary {
     position: relative;
   }
 </style>
-<div id="altair-viz-1f26a2e1257d4d93bd0ce866f3201489"></div>
+<div id="altair-viz-81e5024cb1dd44d0b173a22ac46ce797"></div>
 <script type="text/javascript">
   var VEGA_DEBUG = (typeof VEGA_DEBUG == "undefined") ? {} : VEGA_DEBUG;
   (function(spec, embedOpt){
     let outputDiv = document.currentScript.previousElementSibling;
-    if (outputDiv.id !== "altair-viz-1f26a2e1257d4d93bd0ce866f3201489") {
-      outputDiv = document.getElementById("altair-viz-1f26a2e1257d4d93bd0ce866f3201489");
+    if (outputDiv.id !== "altair-viz-81e5024cb1dd44d0b173a22ac46ce797") {
+      outputDiv = document.getElementById("altair-viz-81e5024cb1dd44d0b173a22ac46ce797");
     }
     const paths = {
       "vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",

nugget/index.html

@@ -285,7 +285,7 @@ <h1 class="title">How to be a happy camper with the Nugget</h1>
 
 <div class="quarto-listing quarto-listing-container-grid" id="listing-listing">
 <div class="list grid quarto-listing-cols-3">
-<div class="g-col-1" data-index="0" data-categories="gebruik" data-listing-file-modified-sort="1728883876386" data-listing-reading-time-sort="1" data-listing-word-count-sort="106">
+<div class="g-col-1" data-index="0" data-categories="gebruik" data-listing-file-modified-sort="1728884199761" data-listing-reading-time-sort="1" data-listing-word-count-sort="106">
 <a href="../nugget/dakkoffer.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -307,7 +307,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="1" data-categories="onderhoud" data-listing-file-modified-sort="1728883876390" data-listing-reading-time-sort="1" data-listing-word-count-sort="73">
+<div class="g-col-1" data-index="1" data-categories="onderhoud" data-listing-file-modified-sort="1728884199761" data-listing-reading-time-sort="1" data-listing-word-count-sort="73">
 <a href="../nugget/onderhoud-accus.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -329,7 +329,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="2" data-categories="onderhoud" data-listing-file-modified-sort="1728883876398" data-listing-reading-time-sort="2" data-listing-word-count-sort="221">
+<div class="g-col-1" data-index="2" data-categories="onderhoud" data-listing-file-modified-sort="1728884199773" data-listing-reading-time-sort="2" data-listing-word-count-sort="221">
 <a href="../nugget/winterklaar-maken.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -351,7 +351,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="3" data-categories="gebruiksaanwijzing" data-listing-file-modified-sort="1728883876390" data-listing-reading-time-sort="1" data-listing-word-count-sort="17">
+<div class="g-col-1" data-index="3" data-categories="gebruiksaanwijzing" data-listing-file-modified-sort="1728884199765" data-listing-reading-time-sort="1" data-listing-word-count-sort="17">
 <a href="../nugget/sfeerimpressie.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">

nugget/sfeerimpressie.html

@@ -737,7 +737,7 @@ <h1 class="title">Foto’s</h1>
 </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"closeEffect":"zoom","openEffect":"zoom","loop":false,"selector":".lightbox","descPosition":"bottom"});
+<script>var lightboxQuarto = GLightbox({"loop":false,"descPosition":"bottom","selector":".lightbox","openEffect":"zoom","closeEffect":"zoom"});
 (function() {
   let previousOnload = window.onload;
   window.onload = () => {

projects/index.html

@@ -285,7 +285,7 @@ <h1 class="title">Projects</h1>
 
 <div class="quarto-listing quarto-listing-container-grid" id="listing-listing">
 <div class="list grid quarto-listing-cols-3">
-<div class="g-col-1" data-index="0" data-categories="applied AI,mentoring" data-listing-file-modified-sort="1728883876398" data-listing-reading-time-sort="1" data-listing-word-count-sort="26">
+<div class="g-col-1" data-index="0" data-categories="applied AI,mentoring" data-listing-file-modified-sort="1728884199773" data-listing-reading-time-sort="1" data-listing-word-count-sort="26">
 <a href="../projects/amphia.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -307,7 +307,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="1" data-categories="applied AI,mentoring" data-listing-file-modified-sort="1728883876398" data-listing-reading-time-sort="1" data-listing-word-count-sort="16">
+<div class="g-col-1" data-index="1" data-categories="applied AI,mentoring" data-listing-file-modified-sort="1728884199773" data-listing-reading-time-sort="1" data-listing-word-count-sort="16">
 <a href="../projects/mytomorrows.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -329,7 +329,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="2" data-categories="english,data-centric ai" data-listing-file-modified-sort="1728883876398" data-listing-reading-time-sort="1" data-listing-word-count-sort="4">
+<div class="g-col-1" data-index="2" data-categories="english,data-centric ai" data-listing-file-modified-sort="1728884199773" data-listing-reading-time-sort="1" data-listing-word-count-sort="4">
 <a href="../projects/sensire.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -351,7 +351,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="3" data-categories="data-centric ai,mentoring" data-listing-file-modified-sort="1728883876398" data-listing-reading-time-sort="1" data-listing-word-count-sort="6">
+<div class="g-col-1" data-index="3" data-categories="data-centric ai,mentoring" data-listing-file-modified-sort="1728884199773" data-listing-reading-time-sort="1" data-listing-word-count-sort="6">
 <a href="../projects/blue-radix.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -373,7 +373,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="4" data-categories="data-centric ai,coaching" data-listing-file-modified-sort="1728883876398" data-listing-reading-time-sort="2" data-listing-word-count-sort="300">
+<div class="g-col-1" data-index="4" data-categories="data-centric ai,coaching" data-listing-file-modified-sort="1728884199773" data-listing-reading-time-sort="2" data-listing-word-count-sort="300">
 <a href="../projects/roetz-life.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -395,7 +395,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="5" data-categories="applied AI,lecturing" data-listing-file-modified-sort="1728883876398" data-listing-reading-time-sort="1" data-listing-word-count-sort="17">
+<div class="g-col-1" data-index="5" data-categories="applied AI,lecturing" data-listing-file-modified-sort="1728884199773" data-listing-reading-time-sort="1" data-listing-word-count-sort="17">
 <a href="../projects/has.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
@@ -417,7 +417,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="6" data-categories="english,data architecture,healthcare" data-listing-file-modified-sort="1728883876398" data-listing-reading-time-sort="1" data-listing-word-count-sort="6">
+<div class="g-col-1" data-index="6" data-categories="english,data architecture,healthcare" data-listing-file-modified-sort="1728884199773" data-listing-reading-time-sort="1" data-listing-word-count-sort="6">
 <a href="../projects/pharmaccess.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">

projects/index.xml

@@ -10,7 +10,7 @@
 <atom:link href="https://kapitan.net/projects/index.xml" rel="self" type="application/rss+xml"/>
 <description></description>
 <generator>quarto-1.5.57</generator>
-<lastBuildDate>Mon, 14 Oct 2024 05:33:38 GMT</lastBuildDate>
+<lastBuildDate>Mon, 14 Oct 2024 05:39:09 GMT</lastBuildDate>
 <item>
   <title>Amphia Sensium</title>
   <link>https://kapitan.net/projects/amphia.html</link>
@@ -31,7 +31,7 @@
   <category>applied AI</category>
   <category>mentoring</category>
   <guid>https://kapitan.net/projects/amphia.html</guid>
-  <pubDate>Mon, 14 Oct 2024 05:33:38 GMT</pubDate>
+  <pubDate>Mon, 14 Oct 2024 05:39:09 GMT</pubDate>
   <media:content url="https://kapitan.net/images/amphia-sensium.jpg" medium="image" type="image/jpeg"/>
 </item>
 <item>
@@ -53,7 +53,7 @@
   <category>applied AI</category>
   <category>mentoring</category>
   <guid>https://kapitan.net/projects/mytomorrows.html</guid>
-  <pubDate>Mon, 14 Oct 2024 05:33:38 GMT</pubDate>
+  <pubDate>Mon, 14 Oct 2024 05:39:09 GMT</pubDate>
   <media:content url="https://kapitan.net/images/mytomorrows.png" medium="image" type="image/png" height="75" width="144"/>
 </item>
 <item>
@@ -75,7 +75,7 @@
   <category>english</category>
   <category>data-centric ai</category>
   <guid>https://kapitan.net/projects/sensire.html</guid>
-  <pubDate>Mon, 14 Oct 2024 05:33:38 GMT</pubDate>
+  <pubDate>Mon, 14 Oct 2024 05:39:09 GMT</pubDate>
   <media:content url="https://kapitan.net/images/sensire.jpg" medium="image" type="image/jpeg"/>
 </item>
 <item>
@@ -97,7 +97,7 @@
   <category>data-centric ai</category>
   <category>mentoring</category>
   <guid>https://kapitan.net/projects/blue-radix.html</guid>
-  <pubDate>Mon, 14 Oct 2024 05:33:38 GMT</pubDate>
+  <pubDate>Mon, 14 Oct 2024 05:39:09 GMT</pubDate>
   <media:content url="https://kapitan.net/images/blue-radix-closeup.jpg" medium="image" type="image/jpeg"/>
 </item>
 <item>
@@ -124,7 +124,7 @@
   <category>data-centric ai</category>
   <category>coaching</category>
   <guid>https://kapitan.net/projects/roetz-life.html</guid>
-  <pubDate>Mon, 14 Oct 2024 05:33:38 GMT</pubDate>
+  <pubDate>Mon, 14 Oct 2024 05:39:09 GMT</pubDate>
   <media:content url="https://kapitan.net/images/roetz-life.jpg" medium="image" type="image/jpeg"/>
 </item>
 <item>
@@ -147,7 +147,7 @@
   <category>applied AI</category>
   <category>lecturing</category>
   <guid>https://kapitan.net/projects/has.html</guid>
-  <pubDate>Mon, 14 Oct 2024 05:33:38 GMT</pubDate>
+  <pubDate>Mon, 14 Oct 2024 05:39:09 GMT</pubDate>
   <media:content url="https://kapitan.net/images/has.png" medium="image" type="image/png" height="81" width="144"/>
 </item>
 <item>
@@ -167,7 +167,7 @@
   <category>data architecture</category>
   <category>healthcare</category>
   <guid>https://kapitan.net/projects/pharmaccess.html</guid>
-  <pubDate>Mon, 14 Oct 2024 05:33:38 GMT</pubDate>
+  <pubDate>Mon, 14 Oct 2024 05:39:09 GMT</pubDate>
   <media:content url="https://kapitan.net/images/pharmaccess-momcare-graphic.jpg" medium="image" type="image/jpeg"/>
 </item>
 </channel>