[Solved] Chart Recommendation

Hi Benjamin,

Thank you for reaching out.

Kendo UI for jQuery Charts can visualize all the scenarios you described:

• Score difference between current and previous year
  You can use a Bar or Line chart with two series—one for the current year and one for the previous year. This will show differences clearly.

  • Example demos:
    • https://demos.telerik.com/kendo-ui/bar-charts/multiple-axes
    • https://demos.telerik.com/kendo-ui/line-charts/index

• Multiple domains with the same highest/lowest score
  The chart will display identical bars or points for domains with the same value. You can use custom colors, labels, or tooltips to highlight these cases.

• No change compared to the previous report
  If scores are unchanged, the bars or points for both years will overlap. Different colors or marker shapes help distinguish series.

• All domains score the same for highest/lowest score
  The chart will show all bars or points at the same level, making it visually clear that all domains have identical scores.

• Mobile display
  Kendo UI Charts are responsive and adapt to mobile screens. You can optimize the display with legend placement, tooltip templates, and hiding less important elements.

Here’s a sample initialization for a chart comparing two series (current and previous year):

$("#chart").kendoChart({
  title: { text: "Domain Scores Comparison" },
  legend: { position: "top" },
  seriesDefaults: { type: "bar" },
  series: [
    { name: "Current Year", data: [80, 90, 70, 90] },
    { name: "Previous Year", data: [70, 90, 70, 90] }
  ],
  categoryAxis: { categories: ["Domain 1", "Domain 2", "Domain 3", "Domain 4"] },
  valueAxis: { min: 0, max: 100 },
  tooltip: { visible: true, template: "#= series.name #: #= value #" }
});

• https://demos.telerik.com/kendo-ui/bar-charts/multiple-axes

I hope this will prove helpful.

Regards,
Eyup
Progress Telerik