Built site for gh-pages

.nojekyll

@@ -1 +1 @@
-3c4eb4f4
+b243e89d

blog/better-altair-theme.html

@@ -6,6 +6,7 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
+<meta name="author" content="Daniel Kapitan">
 <meta name="description" content="Implementing best practices for data visualization as an Altair theme.">
 
 <title>Dr Daniel Kapitan | Data-centric AI | Applied AI | Coaching &amp; Mentoring | Masterclasses &amp; Public Speaking - Amazing Altair with an even better theme</title>
@@ -267,6 +268,12 @@ <h1 class="title">Amazing Altair with an even better theme</h1>
 
 <div class="quarto-title-meta column-body">
 
+    <div>
+    <div class="quarto-title-meta-heading">Author</div>
+    <div class="quarto-title-meta-contents">
+             <p>Daniel Kapitan </p>
+          </div>
+  </div>
 
     <div>
     <div class="quarto-title-meta-heading">Published</div>

blog/comet-chart.html

@@ -270,7 +270,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="a342f41a" class="cell" data-execution_count="1">
+<div id="55ec8582" 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>
@@ -347,23 +347,23 @@ <h1 class="title">Comet charts in Python</h1>
 <div class="cell-output cell-output-display" data-execution_count="1">
 
 <style>
-  #altair-viz-630c8435f9b64ff9afb568fcada33167.vega-embed {
+  #altair-viz-fc8b4941f3914735afba358719b72aff.vega-embed {
     width: 100%;
     display: flex;
   }
 
-  #altair-viz-630c8435f9b64ff9afb568fcada33167.vega-embed details,
-  #altair-viz-630c8435f9b64ff9afb568fcada33167.vega-embed details summary {
+  #altair-viz-fc8b4941f3914735afba358719b72aff.vega-embed details,
+  #altair-viz-fc8b4941f3914735afba358719b72aff.vega-embed details summary {
     position: relative;
   }
 </style>
-<div id="altair-viz-630c8435f9b64ff9afb568fcada33167"></div>
+<div id="altair-viz-fc8b4941f3914735afba358719b72aff"></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-630c8435f9b64ff9afb568fcada33167") {
-      outputDiv = document.getElementById("altair-viz-630c8435f9b64ff9afb568fcada33167");
+    if (outputDiv.id !== "altair-viz-fc8b4941f3914735afba358719b72aff") {
+      outputDiv = document.getElementById("altair-viz-fc8b4941f3914735afba358719b72aff");
     }
     const paths = {
       "vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",

blog/index.xml

@@ -71,6 +71,7 @@
 </item>
 <item>
   <title>Amazing Altair with an even better theme</title>
+  <dc:creator>Daniel Kapitan</dc:creator>
   <link>https://kapitan.net/blog/better-altair-theme.html</link>
   <description><![CDATA[ 
 
@@ -2232,7 +2233,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="a342f41a" class="cell" data-execution_count="1">
+<div id="55ec8582" 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;
@@ -2509,23 +2510,23 @@ font-style: inherit;">"black"</span>)</span></code></pre></div>
 <div class="cell-output cell-output-display" data-execution_count="1">
 
 <style>
-  #altair-viz-630c8435f9b64ff9afb568fcada33167.vega-embed {
+  #altair-viz-fc8b4941f3914735afba358719b72aff.vega-embed {
     width: 100%;
     display: flex;
   }
 
-  #altair-viz-630c8435f9b64ff9afb568fcada33167.vega-embed details,
-  #altair-viz-630c8435f9b64ff9afb568fcada33167.vega-embed details summary {
+  #altair-viz-fc8b4941f3914735afba358719b72aff.vega-embed details,
+  #altair-viz-fc8b4941f3914735afba358719b72aff.vega-embed details summary {
     position: relative;
   }
 </style>
-<div id="altair-viz-630c8435f9b64ff9afb568fcada33167"></div>
+<div id="altair-viz-fc8b4941f3914735afba358719b72aff"></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-630c8435f9b64ff9afb568fcada33167") {
-      outputDiv = document.getElementById("altair-viz-630c8435f9b64ff9afb568fcada33167");
+    if (outputDiv.id !== "altair-viz-fc8b4941f3914735afba358719b72aff") {
+      outputDiv = document.getElementById("altair-viz-fc8b4941f3914735afba358719b72aff");
     }
     const paths = {
       "vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",

nugget/index.html

@@ -279,7 +279,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="gebruiksaanwijzing" data-listing-file-modified-sort="1706858238452" data-listing-reading-time-sort="1" data-listing-word-count-sort="17">
+<div class="g-col-1" data-index="0" data-categories="gebruiksaanwijzing" data-listing-file-modified-sort="1706965784161" 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">
@@ -301,7 +301,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="1706858238460" data-listing-reading-time-sort="2" data-listing-word-count-sort="221">
+<div class="g-col-1" data-index="1" data-categories="onderhoud" data-listing-file-modified-sort="1706965784169" 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">
@@ -323,7 +323,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="1706858238452" data-listing-reading-time-sort="1" data-listing-word-count-sort="73">
+<div class="g-col-1" data-index="2" data-categories="onderhoud" data-listing-file-modified-sort="1706965784161" 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">

nugget/sfeerimpressie.html

@@ -706,7 +706,7 @@ <h1 class="title">Foto’s</h1>
 </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"closeEffect":"zoom","selector":".lightbox","loop":false,"descPosition":"bottom","openEffect":"zoom"});
+<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","selector":".lightbox","loop":false,"descPosition":"bottom","closeEffect":"zoom"});
 window.onload = () => {
   lightboxQuarto.on('slide_before_load', (data) => {
     const { slideIndex, slideNode, slideConfig, player, trigger } = data;

projects/index.html

@@ -279,7 +279,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="1706858238460" 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="1706965784169" 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">
@@ -301,7 +301,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="1" data-categories="data-centric ai,mentoring" data-listing-file-modified-sort="1706858238460" data-listing-reading-time-sort="1" data-listing-word-count-sort="6">
+<div class="g-col-1" data-index="1" data-categories="data-centric ai,mentoring" data-listing-file-modified-sort="1706965784169" 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">
@@ -323,7 +323,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="2" data-categories="english,data architecture,healthcare" data-listing-file-modified-sort="1706858238460" data-listing-reading-time-sort="1" data-listing-word-count-sort="6">
+<div class="g-col-1" data-index="2" data-categories="english,data architecture,healthcare" data-listing-file-modified-sort="1706965784169" 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">
@@ -345,7 +345,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,coaching" data-listing-file-modified-sort="1706858238460" data-listing-reading-time-sort="2" data-listing-word-count-sort="300">
+<div class="g-col-1" data-index="3" data-categories="data-centric ai,coaching" data-listing-file-modified-sort="1706965784169" 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">
@@ -367,7 +367,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="4" data-categories="applied AI,mentoring" data-listing-file-modified-sort="1706858238460" data-listing-reading-time-sort="1" data-listing-word-count-sort="16">
+<div class="g-col-1" data-index="4" data-categories="applied AI,mentoring" data-listing-file-modified-sort="1706965784169" 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">
@@ -389,7 +389,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="1706858238460" 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="1706965784169" 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">
@@ -411,7 +411,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="6" data-categories="english,data-centric ai" data-listing-file-modified-sort="1706858238460" data-listing-reading-time-sort="1" data-listing-word-count-sort="4">
+<div class="g-col-1" data-index="6" data-categories="english,data-centric ai" data-listing-file-modified-sort="1706965784169" 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">

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.4.549</generator>
-<lastBuildDate>Fri, 02 Feb 2024 07:18:58 GMT</lastBuildDate>
+<lastBuildDate>Sat, 03 Feb 2024 13:11:38 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>Fri, 02 Feb 2024 07:18:58 GMT</pubDate>
+  <pubDate>Sat, 03 Feb 2024 13:11:38 GMT</pubDate>
   <media:content url="https://kapitan.net/images/amphia-sensium.jpg" medium="image" type="image/jpeg"/>
 </item>
 <item>
@@ -53,7 +53,7 @@
   <category>data-centric ai</category>
   <category>mentoring</category>
   <guid>https://kapitan.net/projects/blue-radix.html</guid>
-  <pubDate>Fri, 02 Feb 2024 07:18:58 GMT</pubDate>
+  <pubDate>Sat, 03 Feb 2024 13:11:38 GMT</pubDate>
   <media:content url="https://kapitan.net/images/blue-radix-closeup.jpg" medium="image" type="image/jpeg"/>
 </item>
 <item>
@@ -73,7 +73,7 @@
   <category>data architecture</category>
   <category>healthcare</category>
   <guid>https://kapitan.net/projects/pharmaccess.html</guid>
-  <pubDate>Fri, 02 Feb 2024 07:18:58 GMT</pubDate>
+  <pubDate>Sat, 03 Feb 2024 13:11:38 GMT</pubDate>
   <media:content url="https://kapitan.net/images/pharmaccess-momcare-graphic.jpg" medium="image" type="image/jpeg"/>
 </item>
 <item>
@@ -100,7 +100,7 @@
   <category>data-centric ai</category>
   <category>coaching</category>
   <guid>https://kapitan.net/projects/roetz-life.html</guid>
-  <pubDate>Fri, 02 Feb 2024 07:18:58 GMT</pubDate>
+  <pubDate>Sat, 03 Feb 2024 13:11:38 GMT</pubDate>
   <media:content url="https://kapitan.net/images/roetz-life.jpg" medium="image" type="image/jpeg"/>
 </item>
 <item>
@@ -122,7 +122,7 @@
   <category>applied AI</category>
   <category>mentoring</category>
   <guid>https://kapitan.net/projects/mytomorrows.html</guid>
-  <pubDate>Fri, 02 Feb 2024 07:18:58 GMT</pubDate>
+  <pubDate>Sat, 03 Feb 2024 13:11:38 GMT</pubDate>
   <media:content url="https://kapitan.net/images/mytomorrows.png" medium="image" type="image/png" height="75" width="144"/>
 </item>
 <item>
@@ -145,7 +145,7 @@
   <category>applied AI</category>
   <category>lecturing</category>
   <guid>https://kapitan.net/projects/has.html</guid>
-  <pubDate>Fri, 02 Feb 2024 07:18:58 GMT</pubDate>
+  <pubDate>Sat, 03 Feb 2024 13:11:38 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>english</category>
   <category>data-centric ai</category>
   <guid>https://kapitan.net/projects/sensire.html</guid>
-  <pubDate>Fri, 02 Feb 2024 07:18:58 GMT</pubDate>
+  <pubDate>Sat, 03 Feb 2024 13:11:38 GMT</pubDate>
   <media:content url="https://kapitan.net/images/sensire.jpg" medium="image" type="image/jpeg"/>
 </item>
 </channel>