@diagrammo/dgmo 0.8.0 → 0.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "type": "module",

package/src/d3.ts

@@ -1116,8 +1116,17 @@ export function parseVisualization(content: string, palette?: PaletteColors): Pa
       if (colonIndex === -1 && !line.includes(' ')) {
         // Single bare word — structured mode
         result.words.push({ text: line, weight: 10, lineNumber });
+      } else if (colonIndex === -1) {
+        // Try "word weight" or "multi-word-label weight" space-separated format
+        const lastSpace = line.lastIndexOf(' ');
+        const maybeWeight = lastSpace >= 0 ? parseFloat(line.substring(lastSpace + 1)) : NaN;
+        if (lastSpace >= 0 && !isNaN(maybeWeight) && maybeWeight > 0) {
+          result.words.push({ text: line.substring(0, lastSpace).trim(), weight: maybeWeight, lineNumber });
+        } else {
+          freeformLines.push(line);
+        }
       } else {
-        // Multi-word line or non-numeric colon line — freeform text
+        // Non-numeric colon line — freeform text
         freeformLines.push(line);
       }
       continue;
@@ -4820,7 +4829,7 @@ export function renderWordCloud(
 
   const fontSize = (weight: number): number => {
     const t = (weight - minWeight) / range;
-    return minSize + t * (maxSize - minSize);
+    return minSize + Math.sqrt(t) * (maxSize - minSize);
   };
 
   const rotateFn = getRotateFn(cloudOptions.rotate);
@@ -4837,7 +4846,7 @@ export function renderWordCloud(
   cloud<WordCloudWord & cloud.Word>()
     .size([width, cloudHeight])
     .words(words.map((w) => ({ ...w, size: fontSize(w.weight) })))
-    .padding(4)
+    .padding(2)
     .rotate(rotateFn)
     .fontSize((d) => d.size!)
     .font(FONT_FAMILY)
@@ -4912,7 +4921,7 @@ function renderWordCloudAsync(
 
     const fontSize = (weight: number): number => {
       const t = (weight - minWeight) / range;
-      return minSize + t * (maxSize - minSize);
+      return minSize + Math.sqrt(t) * (maxSize - minSize);
     };
 
     const rotateFn = getRotateFn(cloudOptions.rotate);
@@ -4936,7 +4945,7 @@ function renderWordCloudAsync(
     cloud<WordCloudWord & cloud.Word>()
       .size([width, cloudHeight])
       .words(words.map((w) => ({ ...w, size: fontSize(w.weight) })))
-      .padding(4)
+      .padding(2)
       .rotate(rotateFn)
       .fontSize((d) => d.size!)
       .font(FONT_FAMILY)

package/src/echarts.ts

@@ -1401,7 +1401,7 @@ function buildScatterOption(
 
   const gridLeft = parsed.ylabel ? 12 : 3;
   const gridRight = 4;
-  const gridBottom = parsed.xlabel ? 10 : 3;
+  const gridBottom = hasCategories ? 15 : parsed.xlabel ? 10 : 3;
   const gridTop = parsed.title ? 15 : 5;
 
   // Compute custom label graphics for SSR when labels are enabled
@@ -1450,9 +1450,18 @@ function buildScatterOption(
     );
   }
 
+  // Build legend for categorized scatter charts
+  const categories = hasCategories
+    ? [...new Set(points.map((p) => p.category).filter(Boolean))] as string[]
+    : [];
+  const legendConfig = categories.length > 0
+    ? { data: categories, bottom: 10, textStyle: { color: textColor } }
+    : undefined;
+
   return {
     ...CHART_BASE,
     title: titleConfig,
+    ...(legendConfig && { legend: legendConfig }),
     tooltip,
     grid: {
       left: `${gridLeft}%`,
@@ -1939,11 +1948,6 @@ function buildBarOption(
   return {
     ...CHART_BASE,
     title: titleConfig,
-    tooltip: {
-      trigger: 'axis',
-      ...tooltipTheme,
-      axisPointer: { type: 'shadow' },
-    },
     grid: makeChartGrid({ xLabel, yLabel, hasTitle: !!parsed.title }),
     xAxis: isHorizontal ? valueAxis : categoryAxis,
     yAxis: isHorizontal ? categoryAxis : valueAxis,
@@ -2391,11 +2395,6 @@ function buildBarStackedOption(
   return {
     ...CHART_BASE,
     title: titleConfig,
-    tooltip: {
-      trigger: 'axis',
-      ...tooltipTheme,
-      axisPointer: { type: 'shadow' },
-    },
     legend: {
       data: seriesNames,
       bottom: 10,