@opendata-ai/openchart-vanilla 6.7.0 → 6.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-vanilla",
-  "version": "6.7.0",
+  "version": "6.7.1",
   "description": "Vanilla JS renderer for openchart: SVG charts, HTML tables, force-directed graphs",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@opendata-ai/openchart-core": "6.7.0",
-    "@opendata-ai/openchart-engine": "6.7.0",
+    "@opendata-ai/openchart-core": "6.7.1",
+    "@opendata-ai/openchart-engine": "6.7.1",
     "d3-force": "^3.0.0",
     "d3-quadtree": "^3.0.1"
   },

package/src/sankey-renderer.ts

@@ -15,12 +15,12 @@ import type {
   SankeyNodeMark,
   TextStyle,
 } from '@opendata-ai/openchart-core';
-import { BRAND_MIN_WIDTH, estimateTextWidth } from '@opendata-ai/openchart-core';
+import { BRAND_FONT_SIZE, BRAND_MIN_WIDTH, estimateTextWidth } from '@opendata-ai/openchart-core';
 import { clampStaggerDelay } from '@opendata-ai/openchart-engine';
 
 const SVG_NS = 'http://www.w3.org/2000/svg';
 const XLINK_NS = 'http://www.w3.org/1999/xlink';
-const BRAND_URL = 'https://opendata.ai';
+const BRAND_URL = 'https://tryopendata.ai';
 
 /** CSS easing preset map for inline style custom properties. */
 const EASE_VAR_MAP: Record<string, string> = {
@@ -225,28 +225,34 @@ function renderBrand(parent: SVGElement, layout: SankeyLayout): void {
   a.setAttribute('rel', 'noopener');
   a.setAttribute('class', 'oc-chrome-ref');
 
+  const BRAND_LARGE = 16;
   const text = createSVGElement('text');
   setAttrs(text, {
     x: rightEdge,
-    y: chromeY,
-    'dominant-baseline': 'hanging',
+    y: chromeY + BRAND_LARGE,
+    'dominant-baseline': 'alphabetic',
     'text-anchor': 'end',
     'font-family': layout.theme.fonts.family,
-    'font-size': 20,
+    'font-size': BRAND_FONT_SIZE,
     'fill-opacity': 0.55,
   });
   (text as SVGElement & ElementCSSInlineStyle).style.setProperty('fill', fill);
 
-  const openSpan = createSVGElement('tspan');
-  setAttrs(openSpan, { 'font-weight': 500 });
-  openSpan.textContent = 'Open';
+  const trySpan = createSVGElement('tspan');
+  setAttrs(trySpan, { 'font-weight': 500 });
+  trySpan.textContent = 'try';
 
-  const dataSpan = createSVGElement('tspan');
-  setAttrs(dataSpan, { 'font-weight': 600 });
-  dataSpan.textContent = 'Data';
+  const openDataSpan = createSVGElement('tspan');
+  setAttrs(openDataSpan, { 'font-weight': 600, 'font-size': BRAND_LARGE });
+  openDataSpan.textContent = 'OpenData';
 
-  text.appendChild(openSpan);
-  text.appendChild(dataSpan);
+  const aiSpan = createSVGElement('tspan');
+  setAttrs(aiSpan, { 'font-weight': 500 });
+  aiSpan.textContent = '.ai';
+
+  text.appendChild(trySpan);
+  text.appendChild(openDataSpan);
+  text.appendChild(aiSpan);
   a.appendChild(text);
   parent.appendChild(a);
 }

package/src/svg-renderer.ts

@@ -1137,11 +1137,13 @@ function renderBrand(parent: SVGElement, layout: ChartLayout): void {
 
   // "try" in normal weight, "OpenData" in semibold, ".ai" in normal weight,
   // rendered as a single right-aligned text element with three tspans.
+  // Use alphabetic baseline so mixed-size tspans share a common bottom line.
+  const BRAND_LARGE = 16;
   const text = createSVGElement('text');
   setAttrs(text, {
     x: rightEdge,
-    y: chromeY,
-    'dominant-baseline': 'hanging',
+    y: chromeY + BRAND_LARGE,
+    'dominant-baseline': 'alphabetic',
     'font-family': layout.theme.fonts.family,
     'font-size': BRAND_FONT_SIZE,
     'text-anchor': 'end',
@@ -1156,6 +1158,7 @@ function renderBrand(parent: SVGElement, layout: ChartLayout): void {
 
   const openDataSpan = createSVGElement('tspan');
   openDataSpan.setAttribute('font-weight', '600');
+  openDataSpan.setAttribute('font-size', String(BRAND_LARGE));
   openDataSpan.textContent = 'OpenData';
   text.appendChild(openDataSpan);