@fusedashlabs/widgets 0.2.0 → 0.4.0

package/dist/utils/fusedash-visual.d.ts

@@ -49,6 +49,33 @@ export declare const FD: {
         readonly bottom: 21;
         readonly left: 80;
     };
+    /** Client MatrixChart DEFAULT_MARGIN */
+    readonly matrixMargin: {
+        readonly top: 20;
+        readonly right: 0;
+        readonly bottom: 30;
+        readonly left: 80;
+    };
+    /** MatrixChart cell gutter + corner (client `rectPadding`) */
+    readonly matrixCellPadding: 3;
+    readonly matrixCellRadius: 2;
+    /** Rows never shrink below this — the plot scrolls instead */
+    readonly matrixMinCellHeight: 16;
+    /** Top header: font + tick + label spacing reserve (client `topAxisHeight`) */
+    readonly matrixTopTickLength: 8;
+    readonly matrixTopLabelsSpacing: 12;
+    /** Above this many rows the top axis is pinned and the rows scroll */
+    readonly matrixSeparateAxisRowLimit: 7;
+    /** Negative cells are flat grey; zero / missing cells get the hatch pattern */
+    readonly matrixNegativeFill: "#DADAE1";
+    readonly matrixNoDataLight: "#f0f1f2";
+    readonly matrixNoDataDark: "#33373d";
+    readonly matrixNoDataStripeLight: "#ffffff";
+    readonly matrixNoDataStripeDark: "#000000";
+    /** Client AxisLeft `TickLabel length={9}` */
+    readonly matrixYLabelMaxChars: 9;
+    /** Client `MAX_LABEL_LENGTH` for the top header labels */
+    readonly matrixTopLabelMaxChars: 25;
     readonly stepLineMargin: {
         readonly top: 10;
         readonly right: 1;
@@ -184,20 +211,6 @@ export declare const FD: {
     readonly barLabelGutter: 28;
     readonly barLabelGutterMin: 56;
     readonly barLabelGutterMax: 180;
-    /** DonutGroupChart — a row of gauges, each with a KPI block in the hole */
-    readonly donutMargin: {
-        readonly top: 10;
-        readonly right: 8;
-        readonly bottom: 10;
-        readonly left: 8;
-    };
-    /** FuseDash uses a flat 16px band; it is capped at half the radius here */
-    readonly donutThickness: 16;
-    readonly donutMinThickness: 4;
-    readonly donutCellPadding: 6;
-    readonly donutMinCellWidth: 140;
-    /** Gauges assume a 0–100 scale when the row carries no `maximalValue` */
-    readonly donutDefaultMax: 100;
     /** Resting / dimmed / hovered arc opacity (FuseDash settles on 0.8) */
     readonly donutArcOpacity: 0.8;
     readonly donutArcOpacityDimmed: 0.2;
@@ -209,6 +222,69 @@ export declare const FD: {
         readonly left: 0;
     };
     readonly pieMinArcLengthPx: 5;
+    /** PolarAreaChart — FuseDash margin around the centred disc */
+    readonly polarAreaMargin: {
+        readonly top: 25;
+        readonly right: 5;
+        readonly bottom: 25;
+        readonly left: 5;
+    };
+    /** Concentric grid rings; opacity ramps 0.2 → 1.0 outward */
+    readonly polarRadialSteps: 5;
+    readonly polarGridStroke: "#939ba7";
+    readonly polarGridStepOpacity: 0.2;
+    /** Dashed spoke from the centre to each category boundary, with a round cap */
+    readonly polarSpokeDash: "2,2";
+    readonly polarSpokeCapRadius: 3;
+    /** Category labels sit just outside the outermost ring */
+    readonly polarCategoryLabelFill: "#5f6877";
+    readonly polarCategoryLabelSize: 12;
+    readonly polarCategoryLabelOffset: 12;
+    /** Side room reserved for those labels, measured off the longest one */
+    readonly polarLabelCharWidth: 0.55;
+    readonly polarLabelGutterMin: 40;
+    readonly polarLabelGutterMax: 120;
+    readonly polarLabelGutterMaxFraction: 0.28;
+    /** Below this radius the label ring collides with itself — drop it */
+    readonly polarMinLabelRadius: 40;
+    /** Sectors: 0.8 at rest, siblings drop to 0.2 on hover */
+    readonly polarSectorOpacity: 0.8;
+    readonly polarSectorOpacityDimmed: 0.2;
+    /** Radial tick pills are hidden when the disc is too short to fit them */
+    readonly polarTickPillRowHeight: 21;
+    readonly polarTickPillPadX: 7;
+    readonly polarTickPillPadY: 3;
+    readonly polarTickPillRadius: 4;
+    readonly polarTickPill: "#ffffff";
+    readonly polarTickPillDark: "#1a1b1f";
+    /** RadialBarChart — client margin; the plot is a circle inscribed in the body */
+    readonly radialBarMargin: {
+        readonly top: 25;
+        readonly right: 5;
+        readonly bottom: 25;
+        readonly left: 5;
+    };
+    /** Hole is 20% of the outer radius; rings sweep 270° clockwise from 12 o'clock */
+    readonly radialBarInnerRadiusRatio: 0.2;
+    readonly radialBarSweepDeg: 270;
+    readonly radialBarTicks: 5;
+    /** Ring thickness clamp around `((outer - inner - rings) / rings) * 0.5` */
+    readonly radialBarMinArcWidth: 4;
+    readonly radialBarMaxArcWidth: 24;
+    readonly radialBarArcCornerRadius: 1;
+    /** Resting / dimmed arc opacity */
+    readonly radialBarArcOpacity: 0.8;
+    readonly radialBarArcOpacityDimmed: 0.2;
+    /** Client draws the rings and the radial axes in one darker grey */
+    readonly radialBarGridStroke: "#939ba7";
+    readonly radialBarTickDash: "4,4";
+    readonly radialBarLabelFill: "#5f6877";
+    readonly radialBarTickLabelSize: 12;
+    readonly radialBarRingLabelSize: 11;
+    /** Value labels sit 12px outside the outer ring */
+    readonly radialBarTickLabelOffset: 12;
+    /** Ring labels are cut at `(outer - inner) / 8` characters */
+    readonly radialBarLabelCharWidth: 8;
     /** ScatterPlot — FuseDash DEFAULT_MARGIN */
     readonly scatterMargin: {
         readonly top: 10;
@@ -240,48 +316,76 @@ export declare const FD: {
     readonly bubbleNegativeFill: "#DADAE1";
     readonly scatterMarkerSize: 40;
     readonly scatterReferenceLine: "#56546D";
+    /** BiasVarianceTradeoffChart — the client widget carries its own frame/palette */
+    readonly biasVarianceMargin: {
+        readonly top: 24;
+        readonly right: 24;
+        readonly bottom: 36;
+        readonly left: 48;
+    };
+    readonly biasVarianceSeries: readonly ["#6366f1", "#22c55e", "#f59e0b", "#06b6d4", "#ef4444"];
+    readonly biasVarianceGridStroke: "#d1d5db";
+    readonly biasVarianceGridDash: "2,4";
+    readonly biasVarianceAxisStroke: "#9ca3af";
+    readonly biasVarianceLabelFill: "#6b7280";
+    readonly biasVarianceLineWidth: 2;
+    readonly biasVarianceLineOpacity: 0.95;
+    /** Sibling curves fade while one is hovered (FuseDash line-hover convention) */
+    readonly biasVarianceLineOpacityDimmed: 0.2;
+    /** Y domain is `[0, max * 1.1]` before `.nice()` */
+    readonly biasVarianceDomainPadFactor: 1.1;
+    readonly biasVarianceXTicks: 8;
+    readonly biasVarianceYTicks: 6;
+    /** Shared `DomainsLimits` overlay (reference lines / bands) */
+    readonly domainLimitColor: "#6C8CF5";
+    readonly domainLimitFillOpacity: 0.12;
+    readonly domainLimitDash: "4,4";
+    readonly domainLimitArrow: 8;
+    readonly domainLimitLabelFill: "#141c2ce6";
+    readonly domainLimitLabelText: "#ffffff";
+    readonly domainLimitLabelSize: 10;
     readonly donutSliceStroke: "#ffffff";
     readonly donutSliceStrokeDark: "#1a1b1f";
     readonly donutSliceStrokeWidth: 2;
-    /** Unfilled part of a gauge — the neutral background FuseDash falls back to */
-    readonly donutTrackFill: "#EAECF0";
-    readonly donutTrackFillDark: "#2C2D33";
-    /** Divider between donuts (FuseDash `border-left: neutralBorderWeakest`) */
-    readonly donutDivider: "#E4E6EA";
-    readonly donutDividerDark: "#2C2D33";
-    /** KPI block in the hole: 30/12/12px, sized down with the ring */
-    readonly donutValueSize: 30;
-    readonly donutValueWeight: 600;
-    readonly donutBadgeSize: 12;
-    readonly donutLabelSize: 12;
-    readonly donutStatusColors: {
-        readonly positive: {
-            readonly background: "#E6F6EF";
-            readonly text: "#067647";
-        };
-        readonly negative: {
-            readonly background: "#FEE4E2";
-            readonly text: "#B42318";
-        };
-        readonly neutral: {
-            readonly background: "#F2F4F7";
-            readonly text: "#475467";
-        };
-    };
-    readonly donutStatusColorsDark: {
-        readonly positive: {
-            readonly background: "#0C2C21";
-            readonly text: "#4ED8A6";
-        };
-        readonly negative: {
-            readonly background: "#3B1513";
-            readonly text: "#F5817A";
-        };
-        readonly neutral: {
-            readonly background: "#2C2D33";
-            readonly text: "#C3C7CE";
-        };
+    /** Treemap — d3 `treemapBinary` tiles, no axes so the plot fills the body */
+    readonly treemapMargin: {
+        readonly top: 0;
+        readonly right: 0;
+        readonly bottom: 0;
+        readonly left: 0;
     };
+    readonly treemapPaddingInner: 2;
+    readonly treemapTileRadius: 6;
+    /** Tile fill fades from the band color to 80% alpha at the bottom edge */
+    readonly treemapGradientBottomOpacity: 0.8;
+    /** White scanlines every 5px, fading out toward the bottom of the tile */
+    readonly treemapStripeColor: "#FFFFFF";
+    readonly treemapStripeSpacing: 5;
+    readonly treemapStripeOpacity: 0.14;
+    readonly treemapStripeFalloff: 0.8;
+    /** Client `hasLightColor` label colors */
+    readonly treemapLabelOnLight: "#0B101A";
+    readonly treemapLabelOnDark: "#FFFFFF";
+    readonly treemapLabelPadding: 4;
+    readonly treemapLabelSize: 14;
+    readonly treemapValueSize: 12;
+    /** A tile only gets a name below this, and a value below `MinValueHeight` */
+    readonly treemapMinLabelWidth: 40;
+    readonly treemapMinLabelHeight: 20;
+    readonly treemapMinValueHeight: 30;
+    /** Grouped mode: one card per group in the client's grid-template-areas */
+    readonly treemapCardGap: 8;
+    readonly treemapCardRadius: 8;
+    readonly treemapCardPadding: 8;
+    readonly treemapGroupsMarginTop: 10;
+    /** Rows in the >5 group fallback list, which scrolls instead of squeezing */
+    readonly treemapCardMinHeight: 140;
+    /** Sibling tiles fade while one is hovered (chat-only affordance) */
+    readonly treemapDimOpacity: 0.4;
+    /** `getTreemapRangeColors`: 7 shades from +55% white to -35% black */
+    readonly treemapRangeSteps: 7;
+    readonly treemapRangeMinShift: 0.55;
+    readonly treemapRangeMaxShift: -0.35;
     /** Sankey: layout extent inset, node gap, and the two node-rule colors */
     readonly sankeyPadding: 4.5;
     readonly sankeyNodePadding: 14;
@@ -293,6 +397,58 @@ export declare const FD: {
     readonly sankeyLinkAlphaPct: 50;
     readonly sankeyLinkInset: 3;
     readonly sankeyDimOpacity: 0.5;
+    /** ParallelCoordinates — client Horizontal/Vertical frames */
+    readonly parallelMargin: {
+        readonly top: 10;
+        readonly right: 1;
+        readonly bottom: 8;
+        readonly left: 1;
+    };
+    readonly parallelVerticalMargin: {
+        readonly top: 10;
+        readonly right: 1;
+        readonly bottom: 1;
+        readonly left: 1;
+    };
+    /** Horizontal: one 72px band per dimension, so the plot scrolls past ~5 axes */
+    readonly parallelAxisSpacing: 72;
+    /** Vertical: gutter kept free under the axes for the bottom tick row */
+    readonly parallelColorScaleHeight: 44;
+    /** Right gutter reserved for the colour ramp + its tick labels */
+    readonly parallelLegendOffsetRight: 20;
+    readonly parallelLegendWidth: 10;
+    readonly parallelLegendTickLabelWidth: 44;
+    readonly parallelLegendRadius: 6;
+    /** Resting / dimmed / hovered polyline stroke */
+    readonly parallelLineWidth: 1;
+    readonly parallelLineWidthHovered: 5;
+    readonly parallelLineOpacity: 0.4;
+    readonly parallelLineOpacityDimmed: 0.05;
+    /** Client draws these axes a shade darker than the shared FD axis tokens */
+    readonly parallelAxisStroke: "#939ba7";
+    readonly parallelAxisLabelFill: "#5f6877";
+    readonly parallelTitleSize: 11;
+    readonly parallelTitleSizeActive: 13;
+    /** GiniImpurityEntropyChart — client DEFAULT_MARGIN */
+    readonly giniMargin: {
+        readonly top: 20;
+        readonly right: 24;
+        readonly bottom: 28;
+        readonly left: 44;
+    };
+    /** Curves are drawn as smooth Catmull-Rom splines with this tension */
+    readonly giniCurveAlpha: 0.5;
+    /** p-hat guide + confidence-interval band */
+    readonly giniOverlayColor: "#4c6ef5";
+    readonly giniOverlayBandOpacity: 0.08;
+    readonly giniOverlayDash: "5,5";
+    /** Split annotation markers on the Gini curve */
+    readonly giniSplitMarkerFill: "#12b886";
+    readonly giniSplitMarkerStroke: "#ffffff";
+    readonly giniSplitMarkerRadius: 4;
+    readonly giniSplitLabelOffset: 8;
+    /** Hovering one curve fades the others so the read is unambiguous */
+    readonly giniCurveDimOpacity: 0.2;
 };
 /** SequentialColors1 for the `default` styleId — low → high. */
 export declare const FD_SEQUENTIAL: readonly ["#D6D3FF", "#B5B0FF", "#938CFF", "#7369FF", "#5448FF", "#473DD9", "#3C33B5"];

package/dist/utils/fusedash-visual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fusedash-visual.d.ts","sourceRoot":"","sources":["../../src/utils/fusedash-visual.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"fusedash-visual.d.ts","sourceRoot":"","sources":["../../src/utils/fusedash-visual.ts"],"names":[],"mappings":"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"}

package/dist/utils/fusedash-visual.js

@@ -40,6 +40,28 @@ const FD = {
   radarTickLabelFill: "#f1f4f7",
   /** Client PunchcardChart DEFAULT_MARGIN */
   punchcardMargin: { top: 0, right: 0, bottom: 21, left: 80 },
+  /** Client MatrixChart DEFAULT_MARGIN */
+  matrixMargin: { top: 20, right: 0, bottom: 30, left: 80 },
+  /** MatrixChart cell gutter + corner (client `rectPadding`) */
+  matrixCellPadding: 3,
+  matrixCellRadius: 2,
+  /** Rows never shrink below this — the plot scrolls instead */
+  matrixMinCellHeight: 16,
+  /** Top header: font + tick + label spacing reserve (client `topAxisHeight`) */
+  matrixTopTickLength: 8,
+  matrixTopLabelsSpacing: 12,
+  /** Above this many rows the top axis is pinned and the rows scroll */
+  matrixSeparateAxisRowLimit: 7,
+  /** Negative cells are flat grey; zero / missing cells get the hatch pattern */
+  matrixNegativeFill: "#DADAE1",
+  matrixNoDataLight: "#f0f1f2",
+  matrixNoDataDark: "#33373d",
+  matrixNoDataStripeLight: "#ffffff",
+  matrixNoDataStripeDark: "#000000",
+  /** Client AxisLeft `TickLabel length={9}` */
+  matrixYLabelMaxChars: 9,
+  /** Client `MAX_LABEL_LENGTH` for the top header labels */
+  matrixTopLabelMaxChars: 25,
   stepLineMargin: { top: 10, right: 1, bottom: 21, left: 40 },
   /** SparkLineChart — same frame as StepLineChart */
   sparkLineMargin: { top: 10, right: 1, bottom: 21, left: 40 },
@@ -120,21 +142,65 @@ const FD = {
   /** Hovered category column: animated dot pattern + solid guide */
   barHoverDotFill: "#CFD2D6",
   barHoverGuideWidth: 2,
-  /** DonutGroupChart — a row of gauges, each with a KPI block in the hole */
-  donutMargin: { top: 10, right: 8, bottom: 10, left: 8 },
-  /** FuseDash uses a flat 16px band; it is capped at half the radius here */
-  donutThickness: 16,
-  donutMinThickness: 4,
-  donutCellPadding: 6,
-  donutMinCellWidth: 140,
-  /** Gauges assume a 0–100 scale when the row carries no `maximalValue` */
-  donutDefaultMax: 100,
   /** Resting / dimmed / hovered arc opacity (FuseDash settles on 0.8) */
   donutArcOpacity: 0.8,
   donutArcOpacityDimmed: 0.2,
   /** PieChart — FuseDash uses zero margin; pie is a square inscribed in the body */
   pieMargin: { top: 0, right: 0, bottom: 0, left: 0 },
   pieMinArcLengthPx: 5,
+  /** PolarAreaChart — FuseDash margin around the centred disc */
+  polarAreaMargin: { top: 25, right: 5, bottom: 25, left: 5 },
+  /** Concentric grid rings; opacity ramps 0.2 → 1.0 outward */
+  polarRadialSteps: 5,
+  polarGridStroke: "#939ba7",
+  polarGridStepOpacity: 0.2,
+  /** Dashed spoke from the centre to each category boundary, with a round cap */
+  polarSpokeDash: "2,2",
+  polarSpokeCapRadius: 3,
+  /** Category labels sit just outside the outermost ring */
+  polarCategoryLabelFill: "#5f6877",
+  polarCategoryLabelSize: 12,
+  polarCategoryLabelOffset: 12,
+  /** Side room reserved for those labels, measured off the longest one */
+  polarLabelCharWidth: 0.55,
+  polarLabelGutterMin: 40,
+  polarLabelGutterMax: 120,
+  polarLabelGutterMaxFraction: 0.28,
+  /** Below this radius the label ring collides with itself — drop it */
+  polarMinLabelRadius: 40,
+  /** Sectors: 0.8 at rest, siblings drop to 0.2 on hover */
+  polarSectorOpacity: 0.8,
+  polarSectorOpacityDimmed: 0.2,
+  /** Radial tick pills are hidden when the disc is too short to fit them */
+  polarTickPillRowHeight: 21,
+  polarTickPillPadX: 7,
+  polarTickPillPadY: 3,
+  polarTickPillRadius: 4,
+  polarTickPill: "#ffffff",
+  polarTickPillDark: "#1a1b1f",
+  /** RadialBarChart — client margin; the plot is a circle inscribed in the body */
+  radialBarMargin: { top: 25, right: 5, bottom: 25, left: 5 },
+  /** Hole is 20% of the outer radius; rings sweep 270° clockwise from 12 o'clock */
+  radialBarInnerRadiusRatio: 0.2,
+  radialBarSweepDeg: 270,
+  radialBarTicks: 5,
+  /** Ring thickness clamp around `((outer - inner - rings) / rings) * 0.5` */
+  radialBarMinArcWidth: 4,
+  radialBarMaxArcWidth: 24,
+  radialBarArcCornerRadius: 1,
+  /** Resting / dimmed arc opacity */
+  radialBarArcOpacity: 0.8,
+  radialBarArcOpacityDimmed: 0.2,
+  /** Client draws the rings and the radial axes in one darker grey */
+  radialBarGridStroke: "#939ba7",
+  radialBarTickDash: "4,4",
+  radialBarLabelFill: "#5f6877",
+  radialBarTickLabelSize: 12,
+  radialBarRingLabelSize: 11,
+  /** Value labels sit 12px outside the outer ring */
+  radialBarTickLabelOffset: 12,
+  /** Ring labels are cut at `(outer - inner) / 8` characters */
+  radialBarLabelCharWidth: 8,
   /** ScatterPlot — FuseDash DEFAULT_MARGIN */
   scatterMargin: { top: 10, right: 5, bottom: 21, left: 40 },
   /** AreaGroupedBarChart — client DEFAULT_MARGIN */
@@ -151,29 +217,58 @@ const FD = {
   bubbleNegativeFill: "#DADAE1",
   scatterMarkerSize: 40,
   scatterReferenceLine: "#56546D",
+  /** BiasVarianceTradeoffChart — the client widget carries its own frame/palette */
+  biasVarianceMargin: { top: 24, right: 24, bottom: 36, left: 48 },
+  biasVarianceSeries: ["#6366f1", "#22c55e", "#f59e0b", "#06b6d4", "#ef4444"],
+  biasVarianceGridStroke: "#d1d5db",
+  biasVarianceGridDash: "2,4",
+  biasVarianceAxisStroke: "#9ca3af",
+  biasVarianceLabelFill: "#6b7280",
+  biasVarianceLineWidth: 2,
+  biasVarianceLineOpacity: 0.95,
+  /** Sibling curves fade while one is hovered (FuseDash line-hover convention) */
+  biasVarianceLineOpacityDimmed: 0.2,
+  /** Y domain is `[0, max * 1.1]` before `.nice()` */
+  biasVarianceDomainPadFactor: 1.1,
+  biasVarianceXTicks: 8,
+  biasVarianceYTicks: 6,
+  /** Shared `DomainsLimits` overlay (reference lines / bands) */
+  domainLimitColor: "#6C8CF5",
+  domainLimitFillOpacity: 0.12,
+  domainLimitDash: "4,4",
+  domainLimitArrow: 8,
+  domainLimitLabelFill: "#141c2ce6",
+  domainLimitLabelText: "#ffffff",
+  domainLimitLabelSize: 10,
   donutSliceStroke: "#ffffff",
   donutSliceStrokeDark: "#1a1b1f",
   donutSliceStrokeWidth: 2,
-  /** Unfilled part of a gauge — the neutral background FuseDash falls back to */
-  donutTrackFill: "#EAECF0",
-  donutTrackFillDark: "#2C2D33",
-  /** Divider between donuts (FuseDash `border-left: neutralBorderWeakest`) */
-  donutDivider: "#E4E6EA",
-  donutDividerDark: "#2C2D33",
-  /** KPI block in the hole: 30/12/12px, sized down with the ring */
-  donutValueSize: 30,
-  donutValueWeight: 600,
-  donutLabelSize: 12,
-  donutStatusColors: {
-    positive: { background: "#E6F6EF", text: "#067647" },
-    negative: { background: "#FEE4E2", text: "#B42318" },
-    neutral: { background: "#F2F4F7", text: "#475467" }
-  },
-  donutStatusColorsDark: {
-    positive: { background: "#0C2C21", text: "#4ED8A6" },
-    negative: { background: "#3B1513", text: "#F5817A" },
-    neutral: { background: "#2C2D33", text: "#C3C7CE" }
-  },
+  /** Treemap — d3 `treemapBinary` tiles, no axes so the plot fills the body */
+  treemapMargin: { top: 0, right: 0, bottom: 0, left: 0 },
+  treemapPaddingInner: 2,
+  treemapTileRadius: 6,
+  /** Tile fill fades from the band color to 80% alpha at the bottom edge */
+  treemapGradientBottomOpacity: 0.8,
+  /** White scanlines every 5px, fading out toward the bottom of the tile */
+  treemapStripeColor: "#FFFFFF",
+  treemapStripeSpacing: 5,
+  treemapStripeOpacity: 0.14,
+  treemapStripeFalloff: 0.8,
+  /** Client `hasLightColor` label colors */
+  treemapLabelOnLight: "#0B101A",
+  treemapLabelOnDark: "#FFFFFF",
+  /** A tile only gets a name below this, and a value below `MinValueHeight` */
+  treemapMinLabelWidth: 40,
+  treemapMinLabelHeight: 20,
+  treemapMinValueHeight: 30,
+  /** Rows in the >5 group fallback list, which scrolls instead of squeezing */
+  treemapCardMinHeight: 140,
+  /** Sibling tiles fade while one is hovered (chat-only affordance) */
+  treemapDimOpacity: 0.4,
+  /** `getTreemapRangeColors`: 7 shades from +55% white to -35% black */
+  treemapRangeSteps: 7,
+  treemapRangeMinShift: 0.55,
+  treemapRangeMaxShift: -0.35,
   /** Sankey: layout extent inset, node gap, and the two node-rule colors */
   sankeyPadding: 4.5,
   sankeyNodePadding: 14,
@@ -184,7 +279,44 @@ const FD = {
   /** Ribbons sit at 50% alpha until hovered or focused */
   sankeyLinkAlphaPct: 50,
   sankeyLinkInset: 3,
-  sankeyDimOpacity: 0.5
+  sankeyDimOpacity: 0.5,
+  /** ParallelCoordinates — client Horizontal/Vertical frames */
+  parallelMargin: { top: 10, right: 1, bottom: 8, left: 1 },
+  parallelVerticalMargin: { top: 10, right: 1, bottom: 1, left: 1 },
+  /** Horizontal: one 72px band per dimension, so the plot scrolls past ~5 axes */
+  parallelAxisSpacing: 72,
+  /** Vertical: gutter kept free under the axes for the bottom tick row */
+  parallelColorScaleHeight: 44,
+  /** Right gutter reserved for the colour ramp + its tick labels */
+  parallelLegendOffsetRight: 20,
+  parallelLegendWidth: 10,
+  parallelLegendTickLabelWidth: 44,
+  parallelLegendRadius: 6,
+  /** Resting / dimmed / hovered polyline stroke */
+  parallelLineWidth: 1,
+  parallelLineWidthHovered: 5,
+  parallelLineOpacity: 0.4,
+  parallelLineOpacityDimmed: 0.05,
+  /** Client draws these axes a shade darker than the shared FD axis tokens */
+  parallelAxisStroke: "#939ba7",
+  parallelAxisLabelFill: "#5f6877",
+  parallelTitleSize: 11,
+  parallelTitleSizeActive: 13,
+  /** GiniImpurityEntropyChart — client DEFAULT_MARGIN */
+  giniMargin: { top: 20, right: 24, bottom: 28, left: 44 },
+  /** Curves are drawn as smooth Catmull-Rom splines with this tension */
+  giniCurveAlpha: 0.5,
+  /** p-hat guide + confidence-interval band */
+  giniOverlayColor: "#4c6ef5",
+  giniOverlayBandOpacity: 0.08,
+  giniOverlayDash: "5,5",
+  /** Split annotation markers on the Gini curve */
+  giniSplitMarkerFill: "#12b886",
+  giniSplitMarkerStroke: "#ffffff",
+  giniSplitMarkerRadius: 4,
+  giniSplitLabelOffset: 8,
+  /** Hovering one curve fades the others so the read is unambiguous */
+  giniCurveDimOpacity: 0.2
 };
 const FD_SEQUENTIAL = [
   "#D6D3FF",