diff --git a/.build/jsonSchema.ts b/.build/jsonSchema.ts
index 7a700c1e2..48a9883de 100644
--- a/.build/jsonSchema.ts
+++ b/.build/jsonSchema.ts
@@ -27,6 +27,7 @@ const MERMAID_CONFIG_DIAGRAM_KEYS = [
'block',
'packet',
'architecture',
+ 'radar',
] as const;
/**
diff --git a/.changeset/curve-interpolation-fix.md b/.changeset/curve-interpolation-fix.md
new file mode 100644
index 000000000..fcd2cd349
--- /dev/null
+++ b/.changeset/curve-interpolation-fix.md
@@ -0,0 +1,9 @@
+---
+'mermaid': minor
+---
+
+fix: restore curve type configuration functionality for flowcharts. This fixes the issue where curve type settings were not being applied when configured through any of the following methods:
+
+- Config
+- Init directive (%%{ init: { 'flowchart': { 'curve': '...' } } }%%)
+- LinkStyle command (linkStyle default interpolate ...)
diff --git a/.changeset/quick-news-enjoy.md b/.changeset/quick-news-enjoy.md
new file mode 100644
index 000000000..17bc707d9
--- /dev/null
+++ b/.changeset/quick-news-enjoy.md
@@ -0,0 +1,6 @@
+---
+'mermaid': minor
+'@mermaid-js/parser': minor
+---
+
+Add Radar Chart
diff --git a/cypress.config.ts b/cypress.config.ts
index d077ba915..50ea940e9 100644
--- a/cypress.config.ts
+++ b/cypress.config.ts
@@ -1,8 +1,8 @@
import eyesPlugin from '@applitools/eyes-cypress';
import { registerArgosTask } from '@argos-ci/cypress/task';
-import coverage from '@cypress/code-coverage/task';
+import coverage from '@cypress/code-coverage/task.js';
import { defineConfig } from 'cypress';
-import { addMatchImageSnapshotPlugin } from 'cypress-image-snapshot/plugin';
+import { addMatchImageSnapshotPlugin } from 'cypress-image-snapshot/plugin.js';
import cypressSplit from 'cypress-split';
export default eyesPlugin(
diff --git a/cypress/integration/rendering/radar.spec.js b/cypress/integration/rendering/radar.spec.js
new file mode 100644
index 000000000..b0bc3f6e0
--- /dev/null
+++ b/cypress/integration/rendering/radar.spec.js
@@ -0,0 +1,79 @@
+import { imgSnapshotTest } from '../../helpers/util';
+
+describe('radar structure', () => {
+ it('should render a simple radar diagram', () => {
+ imgSnapshotTest(
+ `radar-beta
+ title Best Radar Ever
+ axis A, B, C
+ curve c1{1, 2, 3}
+ `
+ );
+ });
+
+ it('should render a radar diagram with multiple curves', () => {
+ imgSnapshotTest(
+ `radar-beta
+ title Best Radar Ever
+ axis A, B, C
+ curve c1{1, 2, 3}
+ curve c2{2, 3, 1}
+ `
+ );
+ });
+
+ it('should render a complex radar diagram', () => {
+ imgSnapshotTest(
+ `radar-beta
+ title My favorite ninjas
+ axis Agility, Speed, Strength
+ axis Stam["Stamina"] , Intel["Intelligence"]
+
+ curve Ninja1["Naruto Uzumaki"]{
+ Agility 2, Speed 2,
+ Strength 3, Stam 5,
+ Intel 0
+ }
+ curve Ninja2["Sasuke"]{2, 3, 4, 1, 5}
+ curve Ninja3 {3, 2, 1, 5, 4}
+
+ showLegend true
+ ticks 3
+ max 8
+ min 0
+ graticule polygon
+ `
+ );
+ cy.get('svg').should((svg) => {
+ expect(svg).to.have.length(1);
+ });
+ });
+
+ it('should render radar diagram with config override', () => {
+ imgSnapshotTest(
+ `radar-beta
+ title Best Radar Ever
+ axis A,B,C
+ curve mycurve{1,2,3}`,
+ { radar: { marginTop: 100, axisScaleFactor: 0.5 } }
+ );
+ });
+
+ it('should parse radar diagram with theme override', () => {
+ imgSnapshotTest(
+ `radar-beta
+ axis A,B,C
+ curve mycurve{1,2,3}`,
+ { theme: 'base', themeVariables: { fontSize: 80, cScale0: '#FF0000' } }
+ );
+ });
+
+ it('should handle radar diagram with radar style override', () => {
+ imgSnapshotTest(
+ `radar-beta
+ axis A,B,C
+ curve mycurve{1,2,3}`,
+ { theme: 'base', themeVariables: { radar: { axisColor: '#FF0000' } } }
+ );
+ });
+});
diff --git a/demos/index.html b/demos/index.html
index 07b51a313..d615bf347 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -91,6 +91,9 @@
+
+
+