Health Insight Survey dashboard

Plotly = {
  const mod = await require("plotly.js-dist-min@2.35.3");
  return mod;
}

import { Inputs } from "@observablehq/inputs"
import { ColorLegendChart } from "./Filter_chart_functions.js"
import { SubPlotChart } from "./Filter_chart_functions.js"

NHS hospital waiting lists

Click here to view a list of questions

Q20: In the last 28 days, have you been referred by your GP practice to see a specialist?
Q21: When you were referred by your GP practice to see a specialist, were you offered a choice of hospital?
Q17: Are you on an NHS hospital waiting list?
Q48: How long have you been on an NHS hospital waiting list?
Q18: Do you know when to expect your appointment or treatment at the hospital?
Q49: Were you offered a choice of time and date for your hospital appointment?
Q63: If you had to amend or cancel your hospital appointment, how easy or difficult did you find it?
Q50: If you had to amend or cancel your hospital appointment, how easy or difficult did you find it?
Q51: Have you been asked whether you still require your hospital appointment?
Q52: While on the waiting list, have you been provided with information about any of the following?
Q53: To what extent do you agree or disagree that you understood the information given to you about how to manage your condition?
Q19: How satisfied or dissatisfied are you with the communication about your wait?
Q54: Overall, how would you rate the administration of your care?
Q55: How good or poor would you rate your overall experience of waiting for your hospital appointment?
Q56: While waiting for your hospital appointment what, if anything, could improve your experience?

Click here to view the data used in this dashboard

In the last 28 days, have you been referred by your GP practice to see a specialist?

This question was asked to: All respondents

q20sexjson = JSON.parse(document.getElementById("q20sex").textContent);

// Dropdown cell with everything inside
viewof q20wave = {
  // Extract waves from data
  const q20waves = [...new Set(q20sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q20waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q20currentwave = q20waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q20waves, {
    label: "Select a wave",
    value: q20currentwave
  });
}

Changes over time should be interpreted with caution, particularly as new participants were added to the survey in Waves 14 and 17. Data should be examined over multiple time points to determine if a real trend exists.

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q20sex", containerId: "q20-sex-plot", noteId: "q20-sex-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20age", containerId: "q20-age-plot", noteId: "q20-age-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20group", containerId: "q20-group-plot", noteId: "q20-group-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20imd", containerId: "q20-imd-plot", noteId: "q20-imd-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20health", containerId: "q20-health-plot", noteId: "q20-health-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20rural", containerId: "q20-rural-plot", noteId: "q20-rural-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20region", containerId: "q20-region-plot", noteId: "q20-region-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20icbE", containerId: "q20-icbE-plot", noteId: "q20-icbE-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20icbL", containerId: "q20-icbL-plot", noteId: "q20-icbL-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20icbM", containerId: "q20-icbM-plot", noteId: "q20-icbM-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20icbNEY", containerId: "q20-icbNEY-plot", noteId: "q20-icbNEY-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20icbNW", containerId: "q20-icbNW-plot", noteId: "q20-icbNW-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20icbSE", containerId: "q20-icbSE-plot", noteId: "q20-icbSE-note", wave: q20wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q20icbSW", containerId: "q20-icbSW-plot", noteId: "q20-icbSW-note", wave: q20wave, defaultColors
  });
  
}

The 95% confidence intervals (CIs) displayed on our charts are a measure of the uncertainty around a specific estimate. If a CI is calculated at the 95% level, it is expected that the interval will contain the true value on 95 occasions, if repeated 100 times.

When you were referred by your GP practice to see a specialist, were you offered a choice of hospital?

This question was asked to: Respondents who had been referred by their GP to see a specialist in the last 28 days

q21sexjson = JSON.parse(document.getElementById("q21sex").textContent);

// Dropdown cell with everything inside
viewof q21wave = {
  // Extract waves from data
  const q21waves = [...new Set(q21sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q21waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q21currentwave = q21waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q21waves, {
    label: "Select a wave",
    value: q21currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q21sex", containerId: "q21-sex-plot", noteId: "q21-sex-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21age", containerId: "q21-age-plot", noteId: "q21-age-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21group", containerId: "q21-group-plot", noteId: "q21-group-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21imd", containerId: "q21-imd-plot", noteId: "q21-imd-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21health", containerId: "q21-health-plot", noteId: "q21-health-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21rural", containerId: "q21-rural-plot", noteId: "q21-rural-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21region", containerId: "q21-region-plot", noteId: "q21-region-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21icbE", containerId: "q21-icbE-plot", noteId: "q21-icbE-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21icbL", containerId: "q21-icbL-plot", noteId: "q21-icbL-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21icbM", containerId: "q21-icbM-plot", noteId: "q21-icbM-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21icbNEY", containerId: "q21-icbNEY-plot", noteId: "q21-icbNEY-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21icbNW", containerId: "q21-icbNW-plot", noteId: "q21-icbNW-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21icbSE", containerId: "q21-icbSE-plot", noteId: "q21-icbSE-note", wave: q21wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q21icbSW", containerId: "q21-icbSW-plot", noteId: "q21-icbSW-note", wave: q21wave, defaultColors
  });
  
}

Are you on an NHS hospital waiting list? Include: • waiting for a diagnostic test • waiting for an operation Exclude: • waiting for a further appointment after an operation or procedure

This question was asked to: All respondents

q17sexjson = JSON.parse(document.getElementById("q17sex").textContent);

// Dropdown cell with everything inside
viewof q17wave = {
  // Extract waves from data
  const q17waves = [...new Set(q17sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q17waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q17currentwave = q17waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q17waves, {
    label: "Select a wave",
    value: q17currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q17sex", containerId: "q17-sex-plot", noteId: "q17-sex-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17age", containerId: "q17-age-plot", noteId: "q17-age-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17group", containerId: "q17-group-plot", noteId: "q17-group-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17imd", containerId: "q17-imd-plot", noteId: "q17-imd-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17health", containerId: "q17-health-plot", noteId: "q17-health-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17rural", containerId: "q17-rural-plot", noteId: "q17-rural-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17region", containerId: "q17-region-plot", noteId: "q17-region-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17icbE", containerId: "q17-icbE-plot", noteId: "q17-icbE-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17icbL", containerId: "q17-icbL-plot", noteId: "q17-icbL-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17icbM", containerId: "q17-icbM-plot", noteId: "q17-icbM-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17icbNEY", containerId: "q17-icbNEY-plot", noteId: "q17-icbNEY-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17icbNW", containerId: "q17-icbNW-plot", noteId: "q17-icbNW-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17icbSE", containerId: "q17-icbSE-plot", noteId: "q17-icbSE-note", wave: q17wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q17icbSW", containerId: "q17-icbSW-plot", noteId: "q17-icbSW-note", wave: q17wave, defaultColors
  });
  
}

How long have you been on an NHS hospital waiting list? If you are on more than one NHS hospital waiting list, think about only one.

This question was asked to: Respondents who are on an NHS hospital waiting list

q48sexjson = JSON.parse(document.getElementById("q48sex").textContent);

// Dropdown cell with everything inside
viewof q48wave = {
  // Extract waves from data
  const q48waves = [...new Set(q48sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q48waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q48currentwave = q48waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q48waves, {
    label: "Select a wave",
    value: q48currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  SubPlotChart(Plotly, { jsonId: "q48sex", y_gap: 0, dem_lab: 1.1, containerId: "q48-sex-plot", noteId: "q48-sex-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48age", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-age-plot", noteId: "q48-age-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48group", y_gap: 0.27, dem_lab: 1.2, containerId: "q48-group-plot", noteId: "q48-group-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48imd", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-imd-plot", noteId: "q48-imd-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48health", y_gap: 0.35, dem_lab: 1.3, containerId: "q48-health-plot", noteId: "q48-health-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48rural", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-rural-plot", noteId: "q48-rural-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48region", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-region-plot", noteId: "q48-region-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48icbE", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-icbE-plot", noteId: "q48-icbE-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48icbL", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-icbL-plot", noteId: "q48-icbL-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48icbM", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-icbM-plot", noteId: "q48-icbM-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48icbNEY", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-icbNEY-plot", noteId: "q48-icbNEY-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48icbNW", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-icbNW-plot", noteId: "q48-icbNW-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48icbSE", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-icbSE-plot", noteId: "q48-icbSE-note", wave: q48wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q48icbSW", y_gap: 0.21, dem_lab: 1.11, containerId: "q48-icbSW-plot", noteId: "q48-icbSW-note", wave: q48wave, defaultColors
  });
  
}

Do you know when to expect your appointment or treatment at the hospital? If you are on more than one NHS hospital waiting list, think about only one.

This question was asked to: Respondents who are on an NHS hospital waiting list

q18sexjson = JSON.parse(document.getElementById("q18sex").textContent);

// Dropdown cell with everything inside
viewof q18wave = {
  // Extract waves from data
  const q18waves = [...new Set(q18sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q18waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q18currentwave = q18waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q18waves, {
    label: "Select a wave",
    value: q18currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q18sex", containerId: "q18-sex-plot", noteId: "q18-sex-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18age", containerId: "q18-age-plot", noteId: "q18-age-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18group", containerId: "q18-group-plot", noteId: "q18-group-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18imd", containerId: "q18-imd-plot", noteId: "q18-imd-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18health", containerId: "q18-health-plot", noteId: "q18-health-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18rural", containerId: "q18-rural-plot", noteId: "q18-rural-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18region", containerId: "q18-region-plot", noteId: "q18-region-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18icbE", containerId: "q18-icbE-plot", noteId: "q18-icbE-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18icbL", containerId: "q18-icbL-plot", noteId: "q18-icbL-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18icbM", containerId: "q18-icbM-plot", noteId: "q18-icbM-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18icbNEY", containerId: "q18-icbNEY-plot", noteId: "q18-icbNEY-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18icbNW", containerId: "q18-icbNW-plot", noteId: "q18-icbNW-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18icbSE", containerId: "q18-icbSE-plot", noteId: "q18-icbSE-note", wave: q18wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q18icbSW", containerId: "q18-icbSW-plot", noteId: "q18-icbSW-note", wave: q18wave, defaultColors
  });
  
}

Were you offered a choice of time and date for your hospital appointment?

This question was asked to: Respondents who knew when to expect their appointment or treatment at the hospital

q49sexjson = JSON.parse(document.getElementById("q49sex").textContent);

// Dropdown cell with everything inside
viewof q49wave = {
  // Extract waves from data
  const q49waves = [...new Set(q49sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q49waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q49currentwave = q49waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q49waves, {
    label: "Select a wave",
    value: q49currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q49sex", containerId: "q49-sex-plot", noteId: "q49-sex-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49age", containerId: "q49-age-plot", noteId: "q49-age-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49group", containerId: "q49-group-plot", noteId: "q49-group-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49imd", containerId: "q49-imd-plot", noteId: "q49-imd-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49health", containerId: "q49-health-plot", noteId: "q49-health-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49rural", containerId: "q49-rural-plot", noteId: "q49-rural-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49region", containerId: "q49-region-plot", noteId: "q49-region-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49icbE", containerId: "q49-icbE-plot", noteId: "q49-icbE-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49icbL", containerId: "q49-icbL-plot", noteId: "q49-icbL-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49icbM", containerId: "q49-icbM-plot", noteId: "q49-icbM-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49icbNEY", containerId: "q49-icbNEY-plot", noteId: "q49-icbNEY-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49icbNW", containerId: "q49-icbNW-plot", noteId: "q49-icbNW-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49icbSE", containerId: "q49-icbSE-plot", noteId: "q49-icbSE-note", wave: q49wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q49icbSW", containerId: "q49-icbSW-plot", noteId: "q49-icbSW-note", wave: q49wave, defaultColors
  });
  
}

If you had to amend or cancel your hospital appointment, how easy or difficult did you find it?

Denominator: Respondents who knew when to expect their appointment or treatment at the hospital.
This question was asked to: Respondents who knew when to expect their appointment or treatment at the hospital

q63sexjson = JSON.parse(document.getElementById("q63sex").textContent);

// Dropdown cell with everything inside
viewof q63wave = {
  // Extract waves from data
  const q63waves = [...new Set(q63sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q63waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q63currentwave = q63waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q63waves, {
    label: "Select a wave",
    value: q63currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q63sex", containerId: "q63-sex-plot", noteId: "q63-sex-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63age", containerId: "q63-age-plot", noteId: "q63-age-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63group", containerId: "q63-group-plot", noteId: "q63-group-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63imd", containerId: "q63-imd-plot", noteId: "q63-imd-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63health", containerId: "q63-health-plot", noteId: "q63-health-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63rural", containerId: "q63-rural-plot", noteId: "q63-rural-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63region", containerId: "q63-region-plot", noteId: "q63-region-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63icbE", containerId: "q63-icbE-plot", noteId: "q63-icbE-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63icbL", containerId: "q63-icbL-plot", noteId: "q63-icbL-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63icbM", containerId: "q63-icbM-plot", noteId: "q63-icbM-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63icbNEY", containerId: "q63-icbNEY-plot", noteId: "q63-icbNEY-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63icbNW", containerId: "q63-icbNW-plot", noteId: "q63-icbNW-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63icbSE", containerId: "q63-icbSE-plot", noteId: "q63-icbSE-note", wave: q63wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q63icbSW", containerId: "q63-icbSW-plot", noteId: "q63-icbSW-note", wave: q63wave, defaultColors
  });
  
}

If you had to amend or cancel your hospital appointment, how easy or difficult did you find it?

Denominator: Respondents who knew when to expect their appointment or treatment at the hospital and who had to amend or cancel their hospital appointment.
This question was asked to: Respondents who knew when to expect their appointment or treatment at the hospital

q50sexjson = JSON.parse(document.getElementById("q50sex").textContent);

// Dropdown cell with everything inside
viewof q50wave = {
  // Extract waves from data
  const q50waves = [...new Set(q50sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q50waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q50currentwave = q50waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q50waves, {
    label: "Select a wave",
    value: q50currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q50sex", containerId: "q50-sex-plot", noteId: "q50-sex-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50age", containerId: "q50-age-plot", noteId: "q50-age-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50group", containerId: "q50-group-plot", noteId: "q50-group-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50imd", containerId: "q50-imd-plot", noteId: "q50-imd-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50health", containerId: "q50-health-plot", noteId: "q50-health-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50rural", containerId: "q50-rural-plot", noteId: "q50-rural-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50region", containerId: "q50-region-plot", noteId: "q50-region-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50icbE", containerId: "q50-icbE-plot", noteId: "q50-icbE-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50icbL", containerId: "q50-icbL-plot", noteId: "q50-icbL-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50icbM", containerId: "q50-icbM-plot", noteId: "q50-icbM-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50icbNEY", containerId: "q50-icbNEY-plot", noteId: "q50-icbNEY-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50icbNW", containerId: "q50-icbNW-plot", noteId: "q50-icbNW-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50icbSE", containerId: "q50-icbSE-plot", noteId: "q50-icbSE-note", wave: q50wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q50icbSW", containerId: "q50-icbSW-plot", noteId: "q50-icbSW-note", wave: q50wave, defaultColors
  });
  
}

Have you been asked whether you still require your hospital appointment?

This question was asked to: Respondents who have been on an NHS hospital waiting list for ‘Between 3 and 12 months’ or ‘More than 12 months’

q51sexjson = JSON.parse(document.getElementById("q51sex").textContent);

// Dropdown cell with everything inside
viewof q51wave = {
  // Extract waves from data
  const q51waves = [...new Set(q51sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q51waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q51currentwave = q51waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q51waves, {
    label: "Select a wave",
    value: q51currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q51sex", containerId: "q51-sex-plot", noteId: "q51-sex-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51age", containerId: "q51-age-plot", noteId: "q51-age-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51group", containerId: "q51-group-plot", noteId: "q51-group-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51imd", containerId: "q51-imd-plot", noteId: "q51-imd-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51health", containerId: "q51-health-plot", noteId: "q51-health-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51rural", containerId: "q51-rural-plot", noteId: "q51-rural-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51region", containerId: "q51-region-plot", noteId: "q51-region-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51icbE", containerId: "q51-icbE-plot", noteId: "q51-icbE-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51icbL", containerId: "q51-icbL-plot", noteId: "q51-icbL-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51icbM", containerId: "q51-icbM-plot", noteId: "q51-icbM-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51icbNEY", containerId: "q51-icbNEY-plot", noteId: "q51-icbNEY-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51icbNW", containerId: "q51-icbNW-plot", noteId: "q51-icbNW-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51icbSE", containerId: "q51-icbSE-plot", noteId: "q51-icbSE-note", wave: q51wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q51icbSW", containerId: "q51-icbSW-plot", noteId: "q51-icbSW-note", wave: q51wave, defaultColors
  });
  
}

While on the waiting list, have you been provided with information about any of the following?

This question was asked to: Respondents who are on an NHS hospital waiting list

q52sexjson = JSON.parse(document.getElementById("q52sex").textContent);

// Dropdown cell with everything inside
viewof q52wave = {
  // Extract waves from data
  const q52waves = [...new Set(q52sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q52waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q52currentwave = q52waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q52waves, {
    label: "Select a wave",
    value: q52currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  SubPlotChart(Plotly, { jsonId: "q52sex", y_gap: 0, dem_lab: 1.1, containerId: "q52-sex-plot", noteId: "q52-sex-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52age", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-age-plot", noteId: "q52-age-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52group", y_gap: 0.27, dem_lab: 1.2, containerId: "q52-group-plot", noteId: "q52-group-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52imd", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-imd-plot", noteId: "q52-imd-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52health", y_gap: 0.35, dem_lab: 1.3, containerId: "q52-health-plot", noteId: "q52-health-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52rural", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-rural-plot", noteId: "q52-rural-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52region", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-region-plot", noteId: "q52-region-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52icbE", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-icbE-plot", noteId: "q52-icbE-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52icbL", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-icbL-plot", noteId: "q52-icbL-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52icbM", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-icbM-plot", noteId: "q52-icbM-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52icbNEY", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-icbNEY-plot", noteId: "q52-icbNEY-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52icbNW", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-icbNW-plot", noteId: "q52-icbNW-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52icbSE", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-icbSE-plot", noteId: "q52-icbSE-note", wave: q52wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q52icbSW", y_gap: 0.21, dem_lab: 1.11, containerId: "q52-icbSW-plot", noteId: "q52-icbSW-note", wave: q52wave, defaultColors
  });
  
}

To what extent do you agree or disagree that you understood the information given to you about how to manage your condition?

This question was asked to: Respondents who are on an NHS hospital waiting list and who have been given information on ‘How to manage condition’ and/or ‘What to do if condition gets worse’

q53sexjson = JSON.parse(document.getElementById("q53sex").textContent);

// Dropdown cell with everything inside
viewof q53wave = {
  // Extract waves from data
  const q53waves = [...new Set(q53sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q53waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q53currentwave = q53waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q53waves, {
    label: "Select a wave",
    value: q53currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q53sex", containerId: "q53-sex-plot", noteId: "q53-sex-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53age", containerId: "q53-age-plot", noteId: "q53-age-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53group", containerId: "q53-group-plot", noteId: "q53-group-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53imd", containerId: "q53-imd-plot", noteId: "q53-imd-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53health", containerId: "q53-health-plot", noteId: "q53-health-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53rural", containerId: "q53-rural-plot", noteId: "q53-rural-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53region", containerId: "q53-region-plot", noteId: "q53-region-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53icbE", containerId: "q53-icbE-plot", noteId: "q53-icbE-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53icbL", containerId: "q53-icbL-plot", noteId: "q53-icbL-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53icbM", containerId: "q53-icbM-plot", noteId: "q53-icbM-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53icbNEY", containerId: "q53-icbNEY-plot", noteId: "q53-icbNEY-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53icbNW", containerId: "q53-icbNW-plot", noteId: "q53-icbNW-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53icbSE", containerId: "q53-icbSE-plot", noteId: "q53-icbSE-note", wave: q53wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q53icbSW", containerId: "q53-icbSW-plot", noteId: "q53-icbSW-note", wave: q53wave, defaultColors
  });
  
}

How satisfied or dissatisfied are you with the communication about your wait?

This question was asked to: Respondents who are on an NHS hospital waiting list

q19sexjson = JSON.parse(document.getElementById("q19sex").textContent);

// Dropdown cell with everything inside
viewof q19wave = {
  // Extract waves from data
  const q19waves = [...new Set(q19sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q19waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q19currentwave = q19waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q19waves, {
    label: "Select a wave",
    value: q19currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q19sex", containerId: "q19-sex-plot", noteId: "q19-sex-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19age", containerId: "q19-age-plot", noteId: "q19-age-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19group", containerId: "q19-group-plot", noteId: "q19-group-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19imd", containerId: "q19-imd-plot", noteId: "q19-imd-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19health", containerId: "q19-health-plot", noteId: "q19-health-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19rural", containerId: "q19-rural-plot", noteId: "q19-rural-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19region", containerId: "q19-region-plot", noteId: "q19-region-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19icbE", containerId: "q19-icbE-plot", noteId: "q19-icbE-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19icbL", containerId: "q19-icbL-plot", noteId: "q19-icbL-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19icbM", containerId: "q19-icbM-plot", noteId: "q19-icbM-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19icbNEY", containerId: "q19-icbNEY-plot", noteId: "q19-icbNEY-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19icbNW", containerId: "q19-icbNW-plot", noteId: "q19-icbNW-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19icbSE", containerId: "q19-icbSE-plot", noteId: "q19-icbSE-note", wave: q19wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q19icbSW", containerId: "q19-icbSW-plot", noteId: "q19-icbSW-note", wave: q19wave, defaultColors
  });
  
}

Overall, how would you rate the administration of your care? For example, getting letters at the right time, NHS staff having the right notes or tests results.

This question was asked to: Respondents who are on an NHS hospital waiting list

q54sexjson = JSON.parse(document.getElementById("q54sex").textContent);

// Dropdown cell with everything inside
viewof q54wave = {
  // Extract waves from data
  const q54waves = [...new Set(q54sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q54waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q54currentwave = q54waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q54waves, {
    label: "Select a wave",
    value: q54currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q54sex", containerId: "q54-sex-plot", noteId: "q54-sex-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54age", containerId: "q54-age-plot", noteId: "q54-age-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54group", containerId: "q54-group-plot", noteId: "q54-group-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54imd", containerId: "q54-imd-plot", noteId: "q54-imd-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54health", containerId: "q54-health-plot", noteId: "q54-health-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54rural", containerId: "q54-rural-plot", noteId: "q54-rural-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54region", containerId: "q54-region-plot", noteId: "q54-region-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54icbE", containerId: "q54-icbE-plot", noteId: "q54-icbE-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54icbL", containerId: "q54-icbL-plot", noteId: "q54-icbL-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54icbM", containerId: "q54-icbM-plot", noteId: "q54-icbM-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54icbNEY", containerId: "q54-icbNEY-plot", noteId: "q54-icbNEY-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54icbNW", containerId: "q54-icbNW-plot", noteId: "q54-icbNW-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54icbSE", containerId: "q54-icbSE-plot", noteId: "q54-icbSE-note", wave: q54wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q54icbSW", containerId: "q54-icbSW-plot", noteId: "q54-icbSW-note", wave: q54wave, defaultColors
  });
  
}

How good or poor would you rate your overall experience of waiting for your hospital appointment?

This question was asked to: Respondents who are on an NHS hospital waiting list

q55sexjson = JSON.parse(document.getElementById("q55sex").textContent);

// Dropdown cell with everything inside
viewof q55wave = {
  // Extract waves from data
  const q55waves = [...new Set(q55sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q55waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q55currentwave = q55waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q55waves, {
    label: "Select a wave",
    value: q55currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q55sex", containerId: "q55-sex-plot", noteId: "q55-sex-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55age", containerId: "q55-age-plot", noteId: "q55-age-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55group", containerId: "q55-group-plot", noteId: "q55-group-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55imd", containerId: "q55-imd-plot", noteId: "q55-imd-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55health", containerId: "q55-health-plot", noteId: "q55-health-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55rural", containerId: "q55-rural-plot", noteId: "q55-rural-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55region", containerId: "q55-region-plot", noteId: "q55-region-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55icbE", containerId: "q55-icbE-plot", noteId: "q55-icbE-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55icbL", containerId: "q55-icbL-plot", noteId: "q55-icbL-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55icbM", containerId: "q55-icbM-plot", noteId: "q55-icbM-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55icbNEY", containerId: "q55-icbNEY-plot", noteId: "q55-icbNEY-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55icbNW", containerId: "q55-icbNW-plot", noteId: "q55-icbNW-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55icbSE", containerId: "q55-icbSE-plot", noteId: "q55-icbSE-note", wave: q55wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q55icbSW", containerId: "q55-icbSW-plot", noteId: "q55-icbSW-note", wave: q55wave, defaultColors
  });
  
}

While waiting for your hospital appointment what, if anything, could improve your experience?

This question was asked to: Respondents who are on an NHS hospital waiting list

q56sexjson = JSON.parse(document.getElementById("q56sex").textContent);

// Dropdown cell with everything inside
viewof q56wave = {
  // Extract waves from data
  const q56waves = [...new Set(q56sexjson.data.map(d => d.wave))];

  // Helper: extract numeric part from first two characters
  const extractNumber = wave => parseInt(wave.slice(0, 2).trim(), 10);

  // Sort waves by numeric part
  q56waves.sort((a, b) => extractNumber(a) - extractNumber(b));

  // Find wave with maximum numeric part
  const q56currentwave = q56waves.reduce((maxWave, wave) =>
    extractNumber(wave) > extractNumber(maxWave) ? wave : maxWave
  );

  // Return the dropdown input
  return Inputs.select(q56waves, {
    label: "Select a wave",
    value: q56currentwave
  });
}

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];

 SubPlotChart(Plotly, { jsonId: "q56sex", y_gap: 0, dem_lab: 1.1, containerId: "q56-sex-plot", noteId: "q56-sex-note", wave: q56wave, defaultColors });
 SubPlotChart(Plotly, { jsonId: "q56age", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-age-plot", noteId: "q56-age-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56group", y_gap: 0.27, dem_lab: 1.2, containerId: "q56-group-plot", noteId: "q56-group-note", wave: q56wave, defaultColors });
 SubPlotChart(Plotly, { jsonId: "q56imd", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-imd-plot", noteId: "q56-imd-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56health", y_gap: 0.35, dem_lab: 1.3, containerId: "q56-health-plot", noteId: "q56-health-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56rural", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-rural-plot", noteId: "q56-rural-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56region", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-region-plot", noteId: "q56-region-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56icbE", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-icbE-plot", noteId: "q56-icbE-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56icbL", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-icbL-plot", noteId: "q56-icbL-note", wave: q56wave, defaultColors });
 SubPlotChart(Plotly, { jsonId: "q56icbM", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-icbM-plot", noteId: "q56-icbM-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56icbNEY", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-icbNEY-plot", noteId: "q56-icbNEY-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56icbNW", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-icbNW-plot", noteId: "q56-icbNW-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56icbSE", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-icbSE-plot", noteId: "q56-icbSE-note", wave: q56wave, defaultColors });
  SubPlotChart(Plotly, { jsonId: "q56icbSW", y_gap: 0.21, dem_lab: 1.11, containerId: "q56-icbSW-plot", noteId: "q56-icbSW-note", wave: q56wave, defaultColors
  });
  
}