Version 5.20.1

Author: martynasma

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@amcharts/amcharts5",
-  "version": "5.20.0",
+  "version": "5.20.1",
   "author": "amCharts <contact@amcharts.com> (https://www.amcharts.com/)",
   "description": "amCharts 5",
   "homepage": "https://www.amcharts.com/",

packages/geodata/CHANGELOG.md

@@ -5,7 +5,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/).
 Please note, that this project, while following numbering syntax, it DOES NOT
 adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) rules.
 
-## [UNRELEASED] - 2026-07-17
+## [UNRELEASED] - ????-??-??
+
+
+## [5.1.6] - 2026-07-27
 
 ### Added
 - Congressional map set for US 120th Congress: `region/usa/congressional120/*`. Includes proposed changes for AL, CA, FL, NC, OH, TX, TN, UT. Pending: MO, LA.

packages/geodata/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amcharts/amcharts5-geodata",
-  "version": "5.1.5",
+  "version": "5.1.6",
   "author": "amCharts <contact@amcharts.com> (https://www.amcharts.com/)",
   "description": "amCharts 5 Geo Data",
   "homepage": "https://www.amcharts.com/",

packages/shared/CHANGELOG.md

@@ -5,6 +5,28 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/).
 Please note, that this project, while following numbering syntax, it DOES NOT
 adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) rules.
 
+## [5.20.1] - 2026-08-03
+
+### Added
+- `WordCloud`: new `svgPath` setting arranges words into a shape; `maskByShape` clips words to the outline, and `shapeTolerance` sets how far they may spill past it (negative pulls them inside for padding).
+- `WordCloud`: new `randomizeAngles` setting — set to `false` to cycle `angles` in order for a reproducible layout.
+- `WordCloud`: new `allowNesting` setting — set to `false` to pack words as non-overlapping bounding boxes instead of nesting into each other's gaps (useful with opaque label backgrounds).
+
+### Changed
+- `WordCloud` now computes its layout synchronously in a single pass instead of one word per animation frame — much faster for large clouds. The per-data-item `ghostLabel` is removed and labels are held in an internal container, so code reading `dataItem.get("ghostLabel")` or walking `series.children` for labels needs updating.
+- `WordCloud` word reveal can be staggered via `sequencedInterpolation`/`sequencedDelay`.
+
+### Fixed
+- Removing a `Container`'s `mask` (setting it to `undefined`) no longer leaves its children clipped by the removed mask. Also fixes bullet clipping getting stuck after toggling `maskBullets` off on radar/curve charts.
+- Timeline curve charts (`SerpentineChart`/`SpiralChart`/`CurveChart`): setting an axis renderer's `rotateLabels` back to `false` did not un-rotate the labels.
+- A line series bullet with no paint of its own (relying on inheriting the series color) was invisible in the legend marker.
+- `ArcDiagram`: bullets on links whose target comes before their source were placed on the wrong side of the nodes, mirroring the arc instead of following it.
+- `ArcDiagram`: hiding a node made all the remaining node circles shrink disproportionately.
+- Flow charts: setting a link's `fillStyle`/`strokeStyle` back to `"solid"` after using `"source"`, `"target"` or `"none"` kept the old color instead of restoring the solid one.
+- A bullet with no fill of its own now takes the color of its own slice or node on pie, funnel, flow and hierarchy charts, instead of the series color.
+- Acceleration Bands legend now shows the same scaled `factor` as the settings modal (`1` instead of `0.001`).
+
+
 ## [5.20.0] - 2026-07-22
 
 ### Added
@@ -33,6 +55,7 @@ adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) rules.
 - Accessibility: The `<div>` that holds chart's focusable elements will now have its `aria-label` set if `ariaLabel` is provided in `Root` settings.
 
 ### Fixed
+- `WordCloud` was not re-laying-out when its `randomness` setting was changed dynamically.
 - Logarithmic `ValueAxis` could show floating-point noise in its grid labels (e.g. `4,999.999999999999` instead of `5,000`). Grid values are now rounded.
 - Logarithmic `ValueAxis` was showing `0` for grid values smaller than `0.00001` when no `numberFormat` was set
 - `ValueAxis` with `syncWithAxis` and `autoZoom: false` regressed in 5.19.0: wrong scale and a possible browser hang.

src/.internal/charts/flow/ArcDiagram.ts

@@ -143,15 +143,24 @@ export class ArcDiagram extends Flow {
 				width = this.innerWidth();
 			}
 
-			let sum = 0;
+			let sumNoLow = 0;
 			let low = Infinity;
 			let radiusKey = this.get("radiusKey");
 
 			if (radiusKey != "none") {
+				// from the full values, not the animating ones, so hiding or showing
+				// a node doesn't rescale all the others mid-animation
 				$array.each(this.nodes.dataItems, (dataItem) => {
-					let value = dataItem.get(radiusKey + "Working" as any);
-					sum += value;
-					low = Math.min(low, value);
+					low = Math.min(low, dataItem.get(radiusKey as any));
+				})
+
+				if (low == Infinity) {
+					low = 0;
+				}
+
+				// must match the radius formula below, or the row won't fit the width
+				$array.each(this.nodes.dataItems, (dataItem) => {
+					sumNoLow += Math.max(0, dataItem.get(radiusKey + "Working" as any) - low);
 				})
 			}
 
@@ -165,8 +174,7 @@ export class ArcDiagram extends Flow {
 				width = 0;
 			}
 
-			let sumNoLow = sum - count * low;
-			let c = width / sumNoLow;
+			let c = sumNoLow > 0 ? width / sumNoLow : 0;
 
 			let prevCoord = 0;
 			const animationDuration = this.get("animationDuration", 0);
@@ -176,7 +184,7 @@ export class ArcDiagram extends Flow {
 				let value = dataItem.get(radiusKey + "Working" as any);
 
 				const node = dataItem.get("node");
-				let radius = minRadius + c * (value - low) / 2;
+				let radius = minRadius + c * Math.max(0, value - low) / 2;
 
 				if (radiusKey == "none") {
 					radius = minRadius + width / count / 2;

src/.internal/charts/flow/ArcDiagramLink.ts

@@ -152,13 +152,16 @@ export class ArcDiagramLink extends FlowLink {
 		if (this._p0 && this._p1) {
 			const radius = this._radius;
 
+			// radius is signed, but the arc is always drawn bulging one way
+			const bulge = Math.abs(radius);
+
 			if (this.getPrivate("orientation") == "vertical") {
 				let angle = -90 + 180 * location;
-				return { y: this._p0.y + radius + radius * $math.sin(angle), x: radius * $math.cos(angle), angle: angle + 90 };
+				return { y: this._p0.y + radius + radius * $math.sin(angle), x: bulge * $math.cos(angle), angle: angle + 90 };
 			}
 			else {
 				let angle = 180 + 180 * location;
-				return { x: this._p0.x + radius + radius * $math.cos(angle), y: radius * $math.sin(angle), angle: angle + 90 };
+				return { x: this._p0.x + radius + radius * $math.cos(angle), y: bulge * $math.sin(angle), angle: angle + 90 };
 			}
 		}
 		return { x: 0, y: 0, angle: 0 };

src/.internal/charts/flow/Flow.ts

@@ -394,6 +394,8 @@ export abstract class Flow extends Series {
 		switch (fillStyle) {
 
 			case "solid":
+				// other styles set fill on the link itself, which would win over the template
+				link.remove("fill");
 				link._applyTemplates();
 				break;
 			case "source":
@@ -430,6 +432,7 @@ export abstract class Flow extends Series {
 
 		switch (strokeStyle) {
 			case "solid":
+				link.remove("stroke");
 				link._applyTemplates();
 				break;
 

src/.internal/charts/stock/indicators/AccelerationBands.ts

@@ -4,6 +4,9 @@ import type { Color } from "../../../core/util/Color";
 import { Indicator, IIndicatorSettings, IIndicatorPrivate, IIndicatorEvents } from "./Indicator";
 import { LineSeries } from "../../xy/series/LineSeries";
 
+// factor is stored in thousandths, but shown as 1 = single band width
+const FACTOR_SCALE = 1000;
+
 export interface IAccelerationBandsSettings extends IIndicatorSettings {
     /**
      * A color for upper section.
@@ -71,7 +74,7 @@ export class AccelerationBands extends Indicator {
         step: 0.0001,
         // Stored in thousandths (0.001 = standard bands); shown in the UI as the
         // conventional 1 = single band width (so the field reads 0.5..3.0).
-        scale: 1000
+        scale: FACTOR_SCALE
     }, {
         key: "upperColor",
         name: this.root.language.translateAny("Upper"),
@@ -148,7 +151,8 @@ export class AccelerationBands extends Indicator {
 
         if (this.isDirty("factor")) {
             this.markDataDirty();
-            this.setCustomData("factor", this.get("factor"));
+            // legend shows the same scaled value as the settings modal
+            this.setCustomData("factor", this.get("factor", 0.001) * FACTOR_SCALE);
         }
     }
 

src/.internal/charts/timeline/AxisRendererCurveX.ts

@@ -115,6 +115,11 @@ export class AxisRendererCurveX extends AxisRenderer {
 			const yRenderer = this.get("yRenderer");
 			yRenderer.set("xRenderer", this);
 		}
+
+		if (this.isDirty("rotateLabels")) {
+			// re-run the label loop so `updateLabel` applies (or clears) rotation
+			this.axis.markDirtySize();
+		}
 	}
 
 	/**
@@ -532,6 +537,10 @@ export class AxisRendererCurveX extends AxisRenderer {
 			if (this.get("rotateLabels", true)) {
 				label.set("rotation", angle - 90);
 			}
+			else {
+				// reset, so turning `rotateLabels` off again unrotates the labels
+				label.set("rotation", 0);
+			}
 
 			this.toggleVisibility(label, position, label.get("minPosition", 0), label.get("maxPosition", 1));
 		}

src/.internal/charts/timeline/AxisRendererCurveY.ts

@@ -108,6 +108,11 @@ export class AxisRendererCurveY extends AxisRenderer {
 		if (this.isDirty("axisLength")) {
 			this.updateLayout();
 		}
+
+		if (this.isDirty("rotateLabels")) {
+			// re-run the label loop so `updateLabel` applies (or clears) rotation
+			this.axis.markDirtySize();
+		}
 	}
 
 	/**
@@ -244,6 +249,10 @@ export class AxisRendererCurveY extends AxisRenderer {
 				if (this.get("rotateLabels", true)) {
 					label.set("rotation", angle);
 				}
+				else {
+					// reset, so turning `rotateLabels` off again unrotates the labels
+					label.set("rotation", 0);
+				}
 			}
 
 			this.toggleVisibility(label, position, label.get("minPosition", 0), label.get("maxPosition", 1));