d3blocks 2.3.2__tar.gz → 2.3.3__tar.gz

{d3blocks-2.3.2/d3blocks.egg-info → d3blocks-2.3.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: d3blocks
-Version: 2.3.2
+Version: 2.3.3
 Summary: Python package d3blocks.
 Author-email: Erdogan Taskesen <erdogant@gmail.com>
 License-Expression: GPL-3.0-or-later
@@ -156,12 +156,14 @@ A few practical rules of thumb: prefer `st.iframe` over the older `components.ht
 
 ### [MovingBubbles: Daily Life of a European](https://d3blocks.github.io/d3blocks/MovingBubbles.html#daily-life-of-european)
 
-<p align="center">
+
+<p align="left">
   <a href="https://d3blocks.github.io/d3blocks/MovingBubbles.html#daily-life-of-european">
-    <img src="https://erdogant.github.io/docs/d3blocks/daily_life_of_european.gif" width="600" alt="MovingBubbles: Daily Life of a European" />
+     <img src="https://erdogant.github.io/docs/d3blocks/daily_life_of_european.gif" width="1000"/>
   </a>
 </p>
 
+
 ---
 
 

{d3blocks-2.3.2 → d3blocks-2.3.3}/README.md

@@ -125,12 +125,14 @@ A few practical rules of thumb: prefer `st.iframe` over the older `components.ht
 
 ### [MovingBubbles: Daily Life of a European](https://d3blocks.github.io/d3blocks/MovingBubbles.html#daily-life-of-european)
 
-<p align="center">
+
+<p align="left">
   <a href="https://d3blocks.github.io/d3blocks/MovingBubbles.html#daily-life-of-european">
-    <img src="https://erdogant.github.io/docs/d3blocks/daily_life_of_european.gif" width="600" alt="MovingBubbles: Daily Life of a European" />
+     <img src="https://erdogant.github.io/docs/d3blocks/daily_life_of_european.gif" width="1000"/>
   </a>
 </p>
 
+
 ---
 
 

{d3blocks-2.3.2 → d3blocks-2.3.3}/d3blocks/__init__.py

@@ -10,7 +10,7 @@ from d3blocks.utils import (
 
 __author__ = 'Erdogan Taskesen'
 __email__ = 'erdogant@gmail.com'
-__version__ = '2.3.2'
+__version__ = '2.3.3'
 
 # Setup root logger
 import logging

{d3blocks-2.3.2 → d3blocks-2.3.3}/d3blocks/d3blocks.py

@@ -1482,12 +1482,14 @@ class D3Blocks():
             Movement of samples. A smaller number is slower/smoother movement.
                 * 0.1: min
                 * 10: max
+
             Sets the initial value of the "Damper" slider in the Physics panel.
         collision : float, (default: 0.15)
             Strength of the push-apart between overlapping bubbles [0-1].
                 * 0: no collision (bubbles may overlap freely; cheapest for large datasets).
                 * 0.15: default. Calm, settles quickly also with hundreds of bubbles.
                 * 0.5 and higher: bubbles are pushed apart strongly; dense clusters can start to pulse.
+
             Sets the initial value of the "Collision strength" slider in the Physics panel.
 
         fontsize : int, (default: 14)
@@ -1550,16 +1552,16 @@ class D3Blocks():
         shape : str, (default: None)
             Name of a categorical column in ``df`` that is mapped to bubble shapes (circle, square, triangle, diamond).
             Sets the initial value of Layout -> Shape in the left side panel.
-                * None: all bubbles are circles.
-                * 'country': one shape per unique value in the column 'country'.
+            Default (None): all bubbles are circles. Use e.g. ``'country'`` for one shape
+            per unique value in the ``country`` column.
         tooltip : str, (default: None)
             Name of a column in ``df`` (or the ``state`` column) of which the value is shown when hovering a bubble.
             Sets the initial value of Layout -> Tooltip in the left side panel.
-                * None: no tooltip.
+            Default (None): no tooltip.
         label : str, (default: None)
             Name of a column in ``df`` (or the ``state`` column) that is written on each bubble.
             Sets the initial value of Layout -> Label in the left side panel.
-                * None: no label.
+            Default (None): no label.
 
         cmap : String, (default: 'Set1')
             All colors can be reversed with '_r', e.g. 'binary' to 'binary_r'

{d3blocks-2.3.2 → d3blocks-2.3.3}/d3blocks/flowgraph/Flowgraph.py

@@ -304,6 +304,12 @@ def set_edge_properties(df, edge_color='#8c8c8c', logger=None, **kwargs):
     _warn_unknown(anims.dropna(), ANIMATIONS, 'edge animation', 'chart default', logger)
     out['animation'] = anims.where(anims.isin(ANIMATIONS), None).values
 
+    # Mermaid <--> (and explicit DataFrame column) draws arrowheads on both ends.
+    if 'bidirectional' in df.columns:
+        out['bidirectional'] = df['bidirectional'].fillna(False).astype(bool).values
+    else:
+        out['bidirectional'] = False
+
     # Line width follows weight when weights differ, otherwise a constant width.
     w = out['weight'].values
     if len(w) and np.ptp(w) > 0:
@@ -741,6 +747,7 @@ def from_mermaid(text, logger=None):
                 node(name, label, shape).update(extra)
                 if label is not None or shape is not None or "class" in extra:
                     define(name, lineno)
+            # chain edge: (source, target, label, style, weight, bidirectional)
             edges.extend([list(e) + [None, lineno] for e in chain_edges])
     if stack:
         raise ValueError(
@@ -783,9 +790,11 @@ def from_mermaid(text, logger=None):
                          '"flowchart LR; A[Start] --> B{Valid?}", Markdown with a ```mermaid block, '
                          'or a path to a %s file.' % '/'.join(MERMAID_FILE_SUFFIXES))
     # Invisible links (~~~) only count for linkStyle numbering.
-    rows = [e[:6] for e in edges if e[3] != "invisible"]
+    # Edge row: source, target, label, style, weight, bidirectional, color [, lineno]
+    rows = [e[:7] for e in edges if e[3] != "invisible"]
     df = pd.DataFrame(
-        rows, columns=["source", "target", "label", "style", "weight", "color"]
+        rows,
+        columns=["source", "target", "label", "style", "weight", "bidirectional", "color"],
     )
     if df["color"].isna().all():
         df = df.drop(columns='color')
@@ -903,8 +912,9 @@ def _apply_link_styles(edges, link_styles):
                 )
         props = _mermaid_props(parts[2])
         for i in idx:
+            # Edge: [source, target, label, style, weight, bidirectional, color, lineno]
             if props.get("stroke"):
-                edges[i][5] = props["stroke"]
+                edges[i][6] = props["stroke"]
             if props.get("stroke-dasharray"):
                 edges[i][3] = "dashed"
 
@@ -1155,7 +1165,12 @@ def _mermaid_group(stmt, i, node):
 
 
 def _mermaid_chain(stmt, node, edges):
-    """Parse 'A --> B -->|x| C & D' and append edges."""
+    """Parse 'A --> B -->|x| C & D' and append edges.
+
+    Arrow forms: --> (forward), <-- (reverse), <--> (bidirectional), --- (undirected).
+    Bidirectional edges are one row with bidirectional=True so the renderer draws
+    arrowheads on both ends; reverse arrows swap source and target.
+    """
     left, i = _mermaid_group(stmt, 0, node)
     while True:
         while i < len(stmt) and stmt[i].isspace():
@@ -1176,9 +1191,15 @@ def _mermaid_chain(stmt, node, edges):
         right, i = _mermaid_group(stmt, i, node)
         style = "invisible" if "~" in arrow else "dotted" if "." in arrow else "solid"
         weight = 3 if "=" in arrow else 1
+        # <--> both ways; <-- reverse (swap ends); --> / --- forward.
+        starts_left = arrow.startswith('<')
+        ends_right = arrow.endswith('>') or arrow.endswith('o') or arrow.endswith('x')
+        bidirectional = starts_left and ends_right
+        reverse = starts_left and not ends_right
         for s in left:
             for t in right:
-                edges.append((s, t, _mermaid_label(label), style, weight))
+                src, tgt = (t, s) if reverse else (s, t)
+                edges.append((src, tgt, _mermaid_label(label), style, weight, bidirectional))
         left = right
 
 

{d3blocks-2.3.2 → d3blocks-2.3.3}/d3blocks/flowgraph/d3js/d3.flowgraph.js

@@ -22,7 +22,8 @@
     showEdgeLabels: OPTS.showEdgeLabels,
     showGroups: OPTS.showGroups,
     fontsize: OPTS.fontsize,
-    pinned: null            // { type: 'node' | 'group' | 'edge', id }
+    pinned: null,           // { type: 'node' | 'group' | 'edge', id }
+    liveControl: false      // true once setStatus / setEdgeActive is used
   };
 
   var FONT_FAMILY = '"Helvetica", Arial, sans-serif';
@@ -763,7 +764,8 @@
       .attr('id', function (d) { return 'fg-path-' + d.idx; })
       .style('stroke', function (d) { return paint(d.color); })
       .attr('stroke-width', function (d) { return d.width; })
-      .attr('marker-end', function (d) { return markerFor(d.color); });
+      .attr('marker-end', function (d) { return markerFor(d.color); })
+      .attr('marker-start', function (d) { return d.bidirectional ? markerFor(d.color) : null; });
     eenter.append('path').attr('class', 'fg-edge-flow')
       .style('stroke', function (d) { return paint(d.color); })
       .attr('stroke-width', function (d) { return d.width + 1.5; });
@@ -803,13 +805,16 @@
       .attr('transform', function (d) { return 'translate(' + d.x + ',' + d.y + ')'; });
     nenter.append('path').attr('class', 'fg-shape');
     nenter.append('text').attr('class', 'fg-label').attr('text-anchor', 'middle');
+    var badge = nenter.append('g').attr('class', 'fg-badge').style('display', 'none');
+    badge.append('circle').attr('class', 'fg-badge-bg').attr('r', 9);
+    badge.append('text').attr('class', 'fg-badge-text').attr('text-anchor', 'middle').attr('dominant-baseline', 'central');
     nenter
       .on('mouseenter', function (ev, d) { highlight({ type: 'node', id: d.name }); showNodeTooltip(ev, d); })
       .on('mousemove', moveTooltip)
       .on('mouseleave', function () { hideTooltip(); restoreHighlight(); })
       .on('click', function (ev, d) { ev.stopPropagation(); togglePin({ type: 'node', id: d.name }); });
     if (state.draggable) nenter.call(drag).classed('fg-draggable', true);
-    var nall = nenter.merge(nsel).style('--c', function (d) { return d.color; });
+    var nall = nenter.merge(nsel).style('--c', function (d) { return d._liveColor || d.color; });
     nall.select('path.fg-shape').attr('d', shapePath);
     nall.select('text.fg-label').each(function (d) {
       var text = d3.select(this).style('font-size', fs + 'px');
@@ -824,6 +829,7 @@
     maybe(nall, t).attr('transform', function (d) { return 'translate(' + d.x + ',' + d.y + ')'; });
 
     restoreHighlight();
+    applyLiveStyles();
   }
 
   // ---------------------------------------------------------------- animation
@@ -835,7 +841,13 @@
   var SVG_NS = 'http://www.w3.org/2000/svg';
 
   function effectiveAnimation(e) {
-    if (!state.animate || reduceMotion) return 'none';
+    if (reduceMotion) return 'none';
+    // Live status mode: only edges explicitly marked active animate.
+    if (state.liveControl) {
+      if (!e._liveActive) return 'none';
+      return e.animation || state.animation || 'pulse';
+    }
+    if (!state.animate) return 'none';
     return e.animation || state.animation;
   }
 
@@ -1075,6 +1087,8 @@
     var meta = [d.shape];
     if (d.group && groupById.has(d.group)) meta.push(escapeHtml(groupById.get(d.group).label));
     meta.push((inEdges.get(d.name) || []).length + ' in · ' + (outEdges.get(d.name) || []).length + ' out');
+    if (d._liveStatus) meta.push('status: ' + d._liveStatus);
+    if (d._liveCount != null && d._liveCount > 0) meta.push('count: ' + d._liveCount);
     parts.push('<div class="fg-tt-meta">' + meta.join(' · ') + '</div>');
     tooltip.html(parts.join('')).classed('open', true);
     moveTooltip(ev);
@@ -1083,6 +1097,12 @@
     var html = '<div class="fg-tt-title">' + escapeHtml(endLabel(d.source).replace(/\n/g, ' ')) + ' → ' +
       escapeHtml(endLabel(d.target).replace(/\n/g, ' ')) + '</div>';
     if (d.label) html += '<div>' + escapeHtml(d.label) + '</div>';
+    if (d._liveActive || (d._liveCount != null && d._liveCount > 0)) {
+      var bits = [];
+      if (d._liveActive) bits.push('active');
+      if (d._liveCount != null) bits.push('count: ' + d._liveCount);
+      html += '<div class="fg-tt-meta">' + bits.join(' · ') + '</div>';
+    }
     tooltip.html(html).classed('open', true);
     moveTooltip(ev);
   }
@@ -1579,5 +1599,121 @@
     throw err;
   });
 
-  window.__flowgraph = { state: state, nodes: nodes, edges: edges, groups: usedGroups, relayout: relayout, fit: fit, ready: ready, walkthrough: walkthrough };
+  // ---------------------------------------------------------------- live status
+  // External pipeline drives node/edge status via setStatus without relayout.
+  // Status values: idle | active | done | error (others are accepted as class suffixes).
+  function applyLiveStyles() {
+    gNodes.selectAll('g.fg-node').each(function (d) {
+      var el = d3.select(this);
+      var st = d._liveStatus || 'idle';
+      el.classed('fg-live', st === 'active');
+      el.classed('fg-error', st === 'error');
+      el.classed('fg-done', st === 'done');
+      el.style('--c', d._liveColor || d.color);
+      var count = d._liveCount;
+      var show = count != null && count > 0;
+      var badge = el.select('g.fg-badge');
+      if (badge.empty()) return;
+      badge.style('display', show ? null : 'none');
+      if (show) {
+        var label = count > 999 ? '999+' : String(count);
+        var r = label.length > 2 ? 11 : 9;
+        badge.select('circle').attr('r', r);
+        badge.select('text').text(label).style('font-size', label.length > 2 ? '9px' : '10px');
+        // Top-right of the node box (node is centered at 0,0).
+        badge.attr('transform', 'translate(' + (d.width / 2 - 2) + ',' + (-d.height / 2 + 2) + ')');
+      }
+    });
+    gEdges.selectAll('g.fg-edge-g').classed('fg-live-edge', function (d) { return !!d._liveActive; });
+    if (state.liveControl) refreshAnimations();
+  }
+
+  function setNodeStatus(name, opts) {
+    opts = opts || {};
+    var n = nodeById.get(name);
+    if (!n) return false;
+    if (opts.status !== undefined) n._liveStatus = opts.status || 'idle';
+    if (opts.count !== undefined) n._liveCount = opts.count;
+    if (opts.color !== undefined) n._liveColor = opts.color || null;
+    applyLiveStyles();
+    return true;
+  }
+
+  function setEdgeActive(source, target, active, count) {
+    state.liveControl = true;
+    var found = false;
+    edges.forEach(function (e) {
+      if (e.source === source && e.target === target) {
+        e._liveActive = !!active;
+        if (count !== undefined) e._liveCount = count;
+        found = true;
+      }
+    });
+    if (found) applyLiveStyles();
+    return found;
+  }
+
+  function setStatus(snapshot) {
+    snapshot = snapshot || {};
+    state.liveControl = true;
+    // Reset then apply so omitted nodes/edges go idle.
+    nodes.forEach(function (n) {
+      n._liveStatus = 'idle';
+      n._liveCount = 0;
+      n._liveColor = null;
+    });
+    edges.forEach(function (e) {
+      e._liveActive = false;
+      e._liveCount = 0;
+    });
+    var nodeMap = snapshot.nodes || {};
+    Object.keys(nodeMap).forEach(function (name) {
+      var n = nodeById.get(name), s = nodeMap[name] || {};
+      if (!n) return;
+      if (s.status !== undefined) n._liveStatus = s.status || 'idle';
+      if (s.count !== undefined) n._liveCount = s.count;
+      if (s.color !== undefined) n._liveColor = s.color || null;
+    });
+    (snapshot.edges || []).forEach(function (ed) {
+      if (!ed || ed.source == null || ed.target == null) return;
+      edges.forEach(function (e) {
+        if (e.source === ed.source && e.target === ed.target) {
+          e._liveActive = !!ed.active;
+          if (ed.count !== undefined) e._liveCount = ed.count;
+        }
+      });
+    });
+    applyLiveStyles();
+  }
+
+  function resetStatus() {
+    nodes.forEach(function (n) {
+      n._liveStatus = null;
+      n._liveCount = null;
+      n._liveColor = null;
+    });
+    edges.forEach(function (e) {
+      e._liveActive = false;
+      e._liveCount = null;
+    });
+    state.liveControl = false;
+    applyLiveStyles();
+    refreshAnimations();
+  }
+
+  window.__flowgraph = {
+    state: state,
+    nodes: nodes,
+    edges: edges,
+    groups: usedGroups,
+    relayout: relayout,
+    fit: fit,
+    ready: ready,
+    walkthrough: walkthrough,
+    setNodeStatus: setNodeStatus,
+    setEdgeActive: setEdgeActive,
+    setStatus: setStatus,
+    resetStatus: resetStatus,
+    applyLiveStyles: applyLiveStyles
+  };
 })();

{d3blocks-2.3.2 → d3blocks-2.3.3}/d3blocks/flowgraph/d3js/flowgraph.css

@@ -261,6 +261,40 @@ body.light .fg-node .fg-shape { fill-opacity: 0.12; }
 .fg-node:hover .fg-shape { stroke-width: 2.6px; }
 .fg-node.fg-focus .fg-shape { stroke-width: 3px; fill-opacity: 0.32; }
 
+/* Live status (setStatus / setNodeStatus). */
+.fg-node.fg-live .fg-shape {
+  stroke-width: 3px;
+  fill-opacity: 0.38;
+  filter: brightness(1.15);
+}
+.fg-node.fg-error .fg-shape {
+  stroke: #e74c3c;
+  stroke-width: 3px;
+  fill: #e74c3c;
+  fill-opacity: 0.28;
+}
+.fg-node.fg-done .fg-shape {
+  fill-opacity: 0.22;
+  stroke-opacity: 0.85;
+}
+.fg-badge { pointer-events: none; }
+.fg-badge-bg {
+  fill: var(--accent, #4ea1ff);
+  stroke: var(--bg, #1a1a1a);
+  stroke-width: 1.5px;
+}
+.fg-node.fg-error .fg-badge-bg { fill: #e74c3c; }
+.fg-badge-text {
+  fill: #fff;
+  font-weight: 700;
+  font-size: 10px;
+  font-family: "Helvetica", Arial, sans-serif;
+}
+.fg-edge-g.fg-live-edge .fg-edge {
+  filter: brightness(1.45);
+  stroke-width: inherit;
+}
+
 /* Groups: dashed container with a header label. */
 .fg-group { cursor: pointer; transition: opacity 0.2s; }
 .fg-group-box {

{d3blocks-2.3.2 → d3blocks-2.3.3}/d3blocks/movingbubbles/d3js/movingbubbles.html.j2

@@ -1741,15 +1741,20 @@ function initLayoutPropertyControls() {
 	var labelSelect = document.getElementById("layoutLabelSelect");
 	var tooltipSelect = document.getElementById("layoutTooltipSelect");
 
-	var prevSize = sizeSelect ? sizeSelect.value : '';
+	// When the side panel is hidden the selects are missing. Preserve the
+	// current mode from in-memory state so re-runs do not wipe shape/label/
+	// tooltip that were applied from the Python INIT_* arguments.
+	var prevSize = sizeSelect ? sizeSelect.value : (layoutSizeKey || '');
 	var prevColor = colorSelect ? colorSelect.value : '';
 	if (!colorModeInitialized) {
 		prevColor = (color_method === "STATE") ? COLOR_MODE_STATE : COLOR_MODE_CUSTOM;
 		colorModeInitialized = true;
+	} else if (!colorSelect && layoutColorKey) {
+		prevColor = layoutColorKey;
 	}
-	var prevShape = shapeSelect ? shapeSelect.value : 'circle';
-	var prevLabel = labelSelect ? labelSelect.value : '';
-	var prevTooltip = tooltipSelect ? tooltipSelect.value : '';
+	var prevShape = shapeSelect ? shapeSelect.value : (categoricalShapeKey ? ("prop:" + categoricalShapeKey) : 'circle');
+	var prevLabel = labelSelect ? labelSelect.value : (currentLabelKey || '');
+	var prevTooltip = tooltipSelect ? tooltipSelect.value : (currentTooltipKey || '');
 	if (!layoutDefaultsApplied) {
 		// First run: start from the arguments given in Python.
 		layoutDefaultsApplied = true;
@@ -1795,30 +1800,30 @@ function initLayoutPropertyControls() {
 		if (!select) return false;
 		return Array.prototype.some.call(select.options, function (o) { return o.value === value; });
 	}
-	// Restore prior selection when still valid; otherwise fall back. Always
-	// re-apply so Color continuous↔discrete and Size/Shape membership update
-	// the chart immediately after a Variables dtype change.
-	if (sizeSelect) {
-		sizeSelect.value = hasOption(sizeSelect, prevSize) ? prevSize : '';
-		applySizeMode(sizeSelect.value);
-	}
-	if (colorSelect) {
-		var colorFallback = (color_method === "STATE") ? COLOR_MODE_STATE : COLOR_MODE_CUSTOM;
-		colorSelect.value = hasOption(colorSelect, prevColor) ? prevColor : colorFallback;
-		applyColorMode(colorSelect.value);
-	}
-	if (shapeSelect) {
-		shapeSelect.value = hasOption(shapeSelect, prevShape) ? prevShape : 'circle';
-		applyShapeMode(shapeSelect.value);
-	}
-	if (labelSelect) {
-		labelSelect.value = hasOption(labelSelect, prevLabel) ? prevLabel : '';
-		applyLabelMode(labelSelect.value);
-	}
-	if (tooltipSelect) {
-		tooltipSelect.value = hasOption(tooltipSelect, prevTooltip) ? prevTooltip : '';
-		applyTooltipMode(tooltipSelect.value);
-	}
+	// Always re-apply modes so shape/label/tooltip/size/color still take effect
+	// when show_side_panel=False (no Layout selects in the DOM). When the
+	// selects exist, also restore their values.
+	var sizeVal = (sizeSelect && hasOption(sizeSelect, prevSize)) ? prevSize : (sizeSelect ? '' : prevSize);
+	if (sizeSelect) sizeSelect.value = sizeVal;
+	applySizeMode(sizeVal);
+
+	var colorFallback = (color_method === "STATE") ? COLOR_MODE_STATE : COLOR_MODE_CUSTOM;
+	var colorVal = (colorSelect && hasOption(colorSelect, prevColor)) ? prevColor : (colorSelect ? colorFallback : (prevColor || colorFallback));
+	if (colorSelect) colorSelect.value = colorVal;
+	applyColorMode(colorVal);
+
+	var shapeVal = (shapeSelect && hasOption(shapeSelect, prevShape)) ? prevShape : (shapeSelect ? 'circle' : prevShape);
+	if (shapeSelect) shapeSelect.value = shapeVal;
+	applyShapeMode(shapeVal);
+
+	var labelVal = (labelSelect && hasOption(labelSelect, prevLabel)) ? prevLabel : (labelSelect ? '' : prevLabel);
+	if (labelSelect) labelSelect.value = labelVal;
+	applyLabelMode(labelVal);
+
+	var tooltipVal = (tooltipSelect && hasOption(tooltipSelect, prevTooltip)) ? prevTooltip : (tooltipSelect ? '' : prevTooltip);
+	if (tooltipSelect) tooltipSelect.value = tooltipVal;
+	applyTooltipMode(tooltipVal);
+
 	// A Numeric <-> Category flip changes which variables can be filtered.
 	if (typeof populateFilterVarDropdown === 'function') populateFilterVarDropdown();
 }

{d3blocks-2.3.2 → d3blocks-2.3.3}/d3blocks/tests/test_flowgraph.py

@@ -165,7 +165,12 @@ def test_flowgraph_mermaid_shapes_links_and_subgraphs():
     assert groups['qa']['parent'] == 'wh' and groups['wh']['label'] == 'Warehouse'
     assert nodes['done']['color'] == '#59a14f' and nodes['back']['color'] == '#e15759'
 
-    edges = {(s, t): (lab, st, w) for s, t, lab, st, w in df.itertuples(index=False)}
+    edges = {
+        (s, t): (lab, st, w)
+        for s, t, lab, st, w in df[['source', 'target', 'label', 'style', 'weight']].itertuples(
+            index=False, name=None
+        )
+    }
     assert edges[('check', 'pick')][0] == 'yes'
     assert edges[('check', 'back')][0] == 'no'
     assert edges[('back', 'check')] == ('restocked', 'dotted', 1)

{d3blocks-2.3.2 → d3blocks-2.3.3/d3blocks.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: d3blocks
-Version: 2.3.2
+Version: 2.3.3
 Summary: Python package d3blocks.
 Author-email: Erdogan Taskesen <erdogant@gmail.com>
 License-Expression: GPL-3.0-or-later
@@ -156,12 +156,14 @@ A few practical rules of thumb: prefer `st.iframe` over the older `components.ht
 
 ### [MovingBubbles: Daily Life of a European](https://d3blocks.github.io/d3blocks/MovingBubbles.html#daily-life-of-european)
 
-<p align="center">
+
+<p align="left">
   <a href="https://d3blocks.github.io/d3blocks/MovingBubbles.html#daily-life-of-european">
-    <img src="https://erdogant.github.io/docs/d3blocks/daily_life_of_european.gif" width="600" alt="MovingBubbles: Daily Life of a European" />
+     <img src="https://erdogant.github.io/docs/d3blocks/daily_life_of_european.gif" width="1000"/>
   </a>
 </p>
 
+
 ---