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"
import { CrosstabChart } from "./Filter_chart_functions.js"
import { SubCrosstabChart } from "./Filter_chart_functions.js"

Community health services

Click here to view a list of questions

Q64: Are you waiting to receive care, treatment or advice from one of the following NHS community health services?
Q65: While waiting for your first appointment to receive care, treatment or advice from the [NHS community health service], have you been told about any of the following?
Q66: Overall, how satisfied or dissatisfied are you with the communication about your wait for the [NHS community health service]?
Q67: Overall, how satisfied or dissatisfied are you with the length of time you have been waiting for the [NHS community health service]?
Q57: In the last 28 days, did you have an appointment with one of these NHS community health services?
Q58: Overall, how would you describe your experience at your last appointment with the [NHS community health service]?

Click here to view the data used in this dashboard

Are you waiting to receive care, treatment or advice from one of the following NHS community health services? If you are waiting for more than one community health service, think about the one that is most important to you. Include waiting to receive care, treatment or advice about how to manage your condition. Exclude waiting for a follow-up appointment.

This question was asked to: All respondents

q64sexjson = JSON.parse(document.getElementById("q64sex").textContent);

// Dropdown cell with everything inside
viewof q64wave = {
  // Extract waves from data
  const q64waves = [...new Set(q64sexjson.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
  q64waves.sort((a, b) => extractNumber(a) - extractNumber(b));

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

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

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", "#e16459", "#76b7b2", "#59a14f", "#edc949"];

  ColorLegendChart(Plotly, { jsonId: "q64sex", containerId: "q64-sex-plot", noteId: "q64-sex-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64age", containerId: "q64-age-plot", noteId: "q64-age-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64group", containerId: "q64-group-plot", noteId: "q64-group-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64imd", containerId: "q64-imd-plot", noteId: "q64-imd-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64health", containerId: "q64-health-plot", noteId: "q64-health-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64rural", containerId: "q64-rural-plot", noteId: "q64-rural-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64region", containerId: "q64-region-plot", noteId: "q64-region-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64icbE", containerId: "q64-icbE-plot", noteId: "q64-icbE-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64icbL", containerId: "q64-icbL-plot", noteId: "q64-icbL-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64icbM", containerId: "q64-icbM-plot", noteId: "q64-icbM-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64icbNEY", containerId: "q64-icbNEY-plot", noteId: "q64-icbNEY-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64icbNW", containerId: "q64-icbNW-plot", noteId: "q64-icbNW-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64icbSE", containerId: "q64-icbSE-plot", noteId: "q64-icbSE-note", wave: q64wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q64icbSW", containerId: "q64-icbSW-plot", noteId: "q64-icbSW-note", wave: q64wave, 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.

While waiting for your first appointment to receive care, treatment or advice from the [NHS community health service], have you been told about any of the following?

This question was asked to: Respondents who are waiting to receive care, treatment or advice from an NHS community health service?

Data for this question have not been visualised by demographic breakdown. This is due to there being too many variables to be able to concisely visualise the data. However, these estimates are available in our data tables.

q65alljson = JSON.parse(document.getElementById("q65all").textContent);

// Dropdown cell with everything inside
viewof q65wave = {
  // Extract waves from data
  const q65waves = [...new Set(q65alljson.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
  q65waves.sort((a, b) => extractNumber(a) - extractNumber(b));

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

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

{
  SubCrosstabChart(Plotly, { jsonId: "q65all", y_gap: 0.3, dem_lab: 1.2, containerId: "q65-all-plot", noteId: "q65-all-note", wave: q65wave, ylab: "", leglab: "Information provided by community health service" });
}

Overall, how satisfied or dissatisfied are you with the communication about your wait for the [NHS community health service]?

This question was asked to: Respondents who are waiting to receive care, treatment or advice from an NHS community health service?

q66alljson = JSON.parse(document.getElementById("q66all").textContent);

// Dropdown cell with everything inside
viewof q66wave = {
  // Extract waves from data
  const q66waves = [...new Set(q66alljson.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
  q66waves.sort((a, b) => extractNumber(a) - extractNumber(b));

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

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

{
  CrosstabChart(Plotly, { jsonId: "q66all", containerId: "q66-all-plot", noteId: "q66-all-note", wave: q66wave, ylab: "Community health service", leglab: "Satisfaction with wait communication"});
}

Overall, how satisfied or dissatisfied are you with the length of time you have been waiting for the [NHS community health service]?

This question was asked to: Respondents who are waiting to receive care, treatment or advice from an NHS community health service?

q67alljson = JSON.parse(document.getElementById("q67all").textContent);

// Dropdown cell with everything inside
viewof q67wave = {
  // Extract waves from data
  const q67waves = [...new Set(q67alljson.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
  q67waves.sort((a, b) => extractNumber(a) - extractNumber(b));

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

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

In the last 28 days, did you have an appointment with one of these NHS community health services? This could be in person, including a visit to your home, or on the phone. If you had more than one appointment in the last 28 days, select the most recent one. Exclude GP appointments, calls to 111, or visits to Accident and Emergency departments.

This question was asked to: All respondents

q57sexjson = JSON.parse(document.getElementById("q57sex").textContent);

// Dropdown cell with everything inside
viewof q57wave = {
  // Extract waves from data
  const q57waves = [...new Set(q57sexjson.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
  q57waves.sort((a, b) => extractNumber(a) - extractNumber(b));

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

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

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

  ColorLegendChart(Plotly, { jsonId: "q57sex", containerId: "q57-sex-plot", noteId: "q57-sex-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57age", containerId: "q57-age-plot", noteId: "q57-age-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57group", containerId: "q57-group-plot", noteId: "q57-group-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57imd", containerId: "q57-imd-plot", noteId: "q57-imd-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57health", containerId: "q57-health-plot", noteId: "q57-health-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57rural", containerId: "q57-rural-plot", noteId: "q57-rural-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57region", containerId: "q57-region-plot", noteId: "q57-region-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57icbE", containerId: "q57-icbE-plot", noteId: "q57-icbE-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57icbL", containerId: "q57-icbL-plot", noteId: "q57-icbL-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57icbM", containerId: "q57-icbM-plot", noteId: "q57-icbM-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57icbNEY", containerId: "q57-icbNEY-plot", noteId: "q57-icbNEY-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57icbNW", containerId: "q57-icbNW-plot", noteId: "q57-icbNW-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57icbSE", containerId: "q57-icbSE-plot", noteId: "q57-icbSE-note", wave: q57wave, defaultColors });
  ColorLegendChart(Plotly, { jsonId: "q57icbSW", containerId: "q57-icbSW-plot", noteId: "q57-icbSW-note", wave: q57wave, defaultColors
  });
  
}

Overall, how would you describe your experience at your last appointment with the [NHS community health service]?

This question was asked to: Respondents who had an appointment with an NHS community service in the last 28 days

q58alljson = JSON.parse(document.getElementById("q58all").textContent);

// Dropdown cell with everything inside
viewof q58wave = {
  // Extract waves from data
  const q58waves = [...new Set(q58alljson.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
  q58waves.sort((a, b) => extractNumber(a) - extractNumber(b));

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

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

{
  const defaultColors = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2", "#59a14f", "#edc949"];
  CrosstabChart(Plotly, { jsonId: "q58all", containerId: "q58-all-plot", noteId: "q58-all-note", wave: q58wave, ylab: "Community health service used", leglab: "Overall experience"});
}