Customer satisfaction before and after the support redesign

Satisfaction scores of six support areas before and after a redesign: an open dot for the score before, a filled dot for the score after, a line between them, both values written beside the dots, and the area with the widest change first. The table lists both values per area. Illustrative survey scores, with a phone variant.

Customer satisfaction before and after the support redesign

examples/satisfaction-change.json

{
  "schemaVersion": 1,
  "type": "rangebar",
  "display": "dumbbell",
  "sort": "change",
  "orientation": "horizontal",
  "title": "Customer satisfaction before and after the support redesign",
  "source": "Illustrative survey scores, 0 to 100",
  "width": 760,
  "height": 380,
  "valueAxis": {
    "title": "Satisfaction score",
    "min": 40,
    "max": 100
  },
  "ranges": [
    {
      "label": "Onboarding",
      "low": 58,
      "high": 81
    },
    {
      "label": "Billing",
      "low": 49,
      "high": 64
    },
    {
      "label": "Mobile app",
      "low": 66,
      "high": 86
    },
    {
      "label": "Documentation",
      "low": 61,
      "high": 70
    },
    {
      "label": "Live chat",
      "low": 72,
      "high": 79
    },
    {
      "label": "Phone support",
      "low": 69,
      "high": 74
    }
  ],
  "mobile": {
    "width": 380,
    "height": 440
  }
}

Source: Illustrative survey scores, 0 to 100

Show chart data

Data for Customer satisfaction before and after the support redesign
Category	Low	High
Onboarding	58	81
Mobile app	66	86
Billing	49	64
Documentation	61	70
Live chat	72	79
Phone support	69	74

Dumbbell chart
Compare two values per category, such as before and after