@opendata-ai/openchart-vanilla 2.3.2 → 2.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-vanilla",
-  "version": "2.3.2",
+  "version": "2.3.5",
   "description": "Vanilla JS renderer for openchart: SVG charts, HTML tables, force-directed graphs",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",
@@ -46,8 +46,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@opendata-ai/openchart-core": "2.3.2",
-    "@opendata-ai/openchart-engine": "2.3.2",
+    "@opendata-ai/openchart-core": "2.3.5",
+    "@opendata-ai/openchart-engine": "2.3.5",
     "d3-force": "^3.0.0",
     "d3-quadtree": "^3.0.1"
   },

package/src/graph/canvas-renderer.ts

@@ -33,6 +33,9 @@ const TWO_PI = Math.PI * 2;
 /** Minimum node radius in screen pixels. Keeps nodes visible when zoomed out. */
 const MIN_SCREEN_RADIUS = 2.5;
 
+/** Minimum canvas width to render the brand watermark. */
+const BRAND_MIN_WIDTH = 120;
+
 // ---------------------------------------------------------------------------
 // Helpers (exported for testing)
 // ---------------------------------------------------------------------------
@@ -241,7 +244,7 @@ export class GraphCanvasRenderer {
     h: number,
     theme: GraphRenderState['theme'],
   ): void {
-    if (w < 120) return;
+    if (w < BRAND_MIN_WIDTH) return;
     const { dpr } = this;
     ctx.save();
     ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
@@ -250,7 +253,7 @@ export class GraphCanvasRenderer {
     const y = h - padding;
     ctx.font = `600 20px ${theme.fonts.family}`;
     ctx.fillStyle = theme.colors.axis;
-    ctx.globalAlpha = 0.5;
+    ctx.globalAlpha = 0.55;
     ctx.textAlign = 'right';
     ctx.textBaseline = 'alphabetic';
     ctx.fillText('OpenData', x, y);

package/src/table-renderer.ts

@@ -9,6 +9,13 @@
 import type { ResolvedColumn, TableLayout, TableRow } from '@opendata-ai/openchart-core';
 import { renderCell } from './renderers/table-cells';
 
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+const BRAND_URL = 'https://tryopendata.ai';
+const BRAND_FONT_SIZE = 20;
+
 // ---------------------------------------------------------------------------
 // Chrome rendering
 // ---------------------------------------------------------------------------
@@ -351,10 +358,10 @@ export function renderTable(layout: TableLayout, container: HTMLElement): HTMLEl
   brand.className = 'viz-table-ref';
   brand.style.cssText = 'text-align: right; padding: 4px 8px;';
   const brandLink = document.createElement('a');
-  brandLink.href = 'https://tryopendata.ai';
+  brandLink.href = BRAND_URL;
   brandLink.target = '_blank';
   brandLink.rel = 'noopener';
-  brandLink.style.cssText = `font-size: 20px; font-weight: 600; color: ${brandColor}; opacity: 0.55; text-decoration: none; font-family: ${theme ? theme.fonts.family : 'sans-serif'};`;
+  brandLink.style.cssText = `font-size: ${BRAND_FONT_SIZE}px; font-weight: 600; color: ${brandColor}; opacity: 0.55; text-decoration: none; font-family: ${theme ? theme.fonts.family : 'sans-serif'};`;
   brandLink.textContent = 'OpenData';
   brand.appendChild(brandLink);
   wrapper.appendChild(brand);