---
title: Employee Engagement Survey Analysis
product: Dashboard
description: Learn how to visualize employee engagement survey results using SurveyJS Dashboard. This demo shows an interactive dashboard for analyzing employee satisfaction and feedback.
framework: React
source: https://surveyjs.io/dashboard/examples/employee-engagement-survey-analysis/reactjs
index: https://surveyjs.io/dashboard/examples/overview.md
---

# Employee Engagement Survey Analysis (React)

Employee engagement surveys help team leaders gather employee feedback, assess satisfaction with tasks, management, work environment, and work–life balance, and identify possible improvements. SurveyJS Dashboard enables leaders to analyze responses using a comprehensive set of visualization tools, including bar and pie charts, data tables, gauge and bullet graphs, and word clouds. Filter the dashboard by date or by specific values to compare subsets of data and uncover deeper insights.

## Files

### `public/index.html`

```html
<div id="loadingIndicator" class="data-loading-indicator-panel">
  <div class="data-loading-indicator">
    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_17928_11482)">
        <path d="M32 64C14.36 64 0 49.65 0 32C0 14.35 14.36 0 32 0C49.64 0 64 14.35 64 32C64 49.65 49.64 64 32 64ZM32 4C16.56 4 4 16.56 4 32C4 47.44 16.56 60 32 60C47.44 60 60 47.44 60 32C60 16.56 47.44 4 32 4Z" fill="#E5E5E5" />
        <path d="M53.2101 55.2104C52.7001 55.2104 52.1901 55.0104 51.8001 54.6204C51.0201 53.8404 51.0201 52.5704 51.8001 51.7904C57.0901 46.5004 60.0001 39.4704 60.0001 31.9904C60.0001 24.5104 57.0901 17.4804 51.8001 12.1904C51.0201 11.4104 51.0201 10.1404 51.8001 9.36039C52.5801 8.58039 53.8501 8.58039 54.6301 9.36039C60.6701 15.4004 64.0001 23.4404 64.0001 31.9904C64.0001 40.5404 60.6701 48.5704 54.6301 54.6204C54.2401 55.0104 53.7301 55.2104 53.2201 55.2104H53.2101Z" fill="#19B394" />
      </g>
      <defs>
        <clipPath id="clip0_17928_11482">
          <rect width="64" height="64" fill="white" />
        </clipPath>
      </defs>
    </svg>
  </div>
</div>
<div id="surveyDashboardComponent"></div>
```

### `src/surveydata.js`

```js
const sampleData = [
  {
    "overall_satisfaction": 4,
    "role_clarity": 2,
    "job_satisfaction_comments": "Better communication is needed.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 5,
      "tools_and_resources": 1
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 4,
      "communication": 1,
      "trust": 2
    },
    "recognition": 3,
    "career_growth": 5,
    "development_programs": [
      "Mentorship",
      "Cross-team projects"
    ],
    "management_comments": "Workload can be heavy at times.",
    "anything_else": "Better communication is needed."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 2,
    "job_satisfaction_comments": "Could use more support from management.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 3,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 5,
      "communication": 2,
      "trust": 1
    },
    "recognition": 1,
    "career_growth": 3,
    "development_programs": [
      "Training programs",
      "Leadership workshops",
      "Skill certification programs"
    ],
    "management_comments": "I enjoy the team and the projects.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 5,
    "job_satisfaction_comments": "",
    "work_life_balance": 5,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 3,
      "tools_and_resources": 1
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 3,
      "communication": 5,
      "trust": 3
    },
    "recognition": 4,
    "career_growth": 4,
    "development_programs": [],
    "management_comments": "Everything is going well.",
    "anything_else": "Better communication is needed."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 3,
    "job_satisfaction_comments": "Could use more support from management.",
    "work_life_balance": 4,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 5,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 1,
      "manager_support": 3,
      "communication": 5,
      "trust": 3
    },
    "recognition": 5,
    "career_growth": 1,
    "development_programs": [
      "Skill certification programs",
      "Training programs",
      "Cross-team projects"
    ],
    "management_comments": "Better communication is needed.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 1,
    "job_satisfaction_comments": "",
    "work_life_balance": 1,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 3,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 5,
      "communication": 4,
      "trust": 1
    },
    "recognition": 5,
    "career_growth": 4,
    "development_programs": [],
    "management_comments": "",
    "anything_else": "More training opportunities would help."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 3,
    "job_satisfaction_comments": "Would appreciate more flexibility.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 2,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 2,
      "communication": 3,
      "trust": 1
    },
    "recognition": 2,
    "career_growth": 4,
    "development_programs": [
      "Leadership workshops",
      "Mentorship"
    ],
    "management_comments": "I enjoy the team and the projects.",
    "anything_else": "More training opportunities would help."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 3,
    "job_satisfaction_comments": "Would appreciate more flexibility.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 4,
      "tools_and_resources": 4
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 2,
      "communication": 4,
      "trust": 2
    },
    "recognition": 2,
    "career_growth": 5,
    "development_programs": [
      "Skill certification programs"
    ],
    "management_comments": "More training opportunities would help.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 2,
    "job_satisfaction_comments": "Everything is going well.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 5,
      "respectful_culture": 5,
      "tools_and_resources": 4
    },
    "leadership_effectiveness": {
      "feedback_quality": 1,
      "manager_support": 5,
      "communication": 4,
      "trust": 5
    },
    "recognition": 1,
    "career_growth": 4,
    "development_programs": [
      "Leadership workshops"
    ],
    "management_comments": "Workload can be heavy at times.",
    "anything_else": "Workload can be heavy at times."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 1,
    "job_satisfaction_comments": "Better communication is needed.",
    "work_life_balance": 5,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 3,
      "tools_and_resources": 1
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 2,
      "communication": 1,
      "trust": 1
    },
    "recognition": 1,
    "career_growth": 1,
    "development_programs": [
      "Leadership workshops",
      "Skill certification programs",
      "Mentorship"
    ],
    "management_comments": "Could use more support from management.",
    "anything_else": "More training opportunities would help."
  },
  {
    "overall_satisfaction": 3,
    "role_clarity": 4,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 2,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 5,
      "communication": 4,
      "trust": 4
    },
    "recognition": 3,
    "career_growth": 2,
    "development_programs": [
      "Cross-team projects",
      "Skill certification programs",
      "Training programs"
    ],
    "management_comments": "Better communication is needed.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 5,
    "role_clarity": 3,
    "job_satisfaction_comments": "Would appreciate more flexibility.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 4,
      "respectful_culture": 1,
      "tools_and_resources": 4
    },
    "leadership_effectiveness": {
      "feedback_quality": 1,
      "manager_support": 2,
      "communication": 3,
      "trust": 3
    },
    "recognition": 1,
    "career_growth": 3,
    "development_programs": [
      "Leadership workshops",
      "Cross-team projects"
    ],
    "management_comments": "Everything is going well.",
    "anything_else": "Would appreciate more flexibility."
  },
  {
    "overall_satisfaction": 3,
    "role_clarity": 3,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 5,
      "tools_and_resources": 3
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 3,
      "communication": 2,
      "trust": 3
    },
    "recognition": 5,
    "career_growth": 3,
    "development_programs": [],
    "management_comments": "",
    "anything_else": ""
  },
  {
    "overall_satisfaction": 3,
    "role_clarity": 3,
    "job_satisfaction_comments": "Would appreciate more flexibility.",
    "work_life_balance": 5,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 4,
      "tools_and_resources": 3
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 1,
      "communication": 2,
      "trust": 1
    },
    "recognition": 3,
    "career_growth": 3,
    "development_programs": [
      "Mentorship",
      "Training programs",
      "Skill certification programs"
    ],
    "management_comments": "Would appreciate more flexibility.",
    "anything_else": "More training opportunities would help."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 5,
    "job_satisfaction_comments": "Better communication is needed.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 4,
      "respectful_culture": 4,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 1,
      "communication": 4,
      "trust": 3
    },
    "recognition": 2,
    "career_growth": 2,
    "development_programs": [],
    "management_comments": "Workload can be heavy at times.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 2,
    "job_satisfaction_comments": "Workload can be heavy at times.",
    "work_life_balance": 1,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 1,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 1,
      "communication": 1,
      "trust": 4
    },
    "recognition": 4,
    "career_growth": 1,
    "development_programs": [],
    "management_comments": "Everything is going well.",
    "anything_else": "Would appreciate more flexibility."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 4,
    "job_satisfaction_comments": "Would appreciate more flexibility.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 5,
      "respectful_culture": 4,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 4,
      "communication": 3,
      "trust": 3
    },
    "recognition": 2,
    "career_growth": 3,
    "development_programs": [
      "Cross-team projects",
      "Training programs"
    ],
    "management_comments": "Would appreciate more flexibility.",
    "anything_else": "Workload can be heavy at times."
  },
  {
    "overall_satisfaction": 3,
    "role_clarity": 3,
    "job_satisfaction_comments": "",
    "work_life_balance": 5,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 4,
      "tools_and_resources": 4
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 5,
      "communication": 4,
      "trust": 1
    },
    "recognition": 2,
    "career_growth": 4,
    "development_programs": [
      "Cross-team projects",
      "Mentorship",
      "Skill certification programs"
    ],
    "management_comments": "Everything is going well.",
    "anything_else": "Everything is going well."
  },
  {
    "overall_satisfaction": 5,
    "role_clarity": 4,
    "job_satisfaction_comments": "Could use more support from management.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 3,
      "tools_and_resources": 4
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 4,
      "communication": 5,
      "trust": 5
    },
    "recognition": 3,
    "career_growth": 2,
    "development_programs": [
      "Cross-team projects",
      "Training programs"
    ],
    "management_comments": "Better communication is needed.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 2,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 5,
      "respectful_culture": 1,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 2,
      "communication": 2,
      "trust": 2
    },
    "recognition": 5,
    "career_growth": 2,
    "development_programs": [],
    "management_comments": "More training opportunities would help.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 5,
    "job_satisfaction_comments": "Could use more support from management.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 5,
      "respectful_culture": 4,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 3,
      "communication": 1,
      "trust": 4
    },
    "recognition": 3,
    "career_growth": 4,
    "development_programs": [
      "Skill certification programs",
      "Leadership workshops"
    ],
    "management_comments": "Could use more support from management.",
    "anything_else": "Everything is going well."
  },
  {
    "overall_satisfaction": 3,
    "role_clarity": 4,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 2,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 2,
      "communication": 2,
      "trust": 2
    },
    "recognition": 4,
    "career_growth": 3,
    "development_programs": [],
    "management_comments": "",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 2,
    "job_satisfaction_comments": "More training opportunities would help.",
    "work_life_balance": 4,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 2,
      "tools_and_resources": 1
    },
    "leadership_effectiveness": {
      "feedback_quality": 1,
      "manager_support": 4,
      "communication": 2,
      "trust": 5
    },
    "recognition": 3,
    "career_growth": 3,
    "development_programs": [
      "Skill certification programs",
      "Mentorship",
      "Leadership workshops"
    ],
    "management_comments": "Would appreciate more flexibility.",
    "anything_else": "Workload can be heavy at times."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 2,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 1,
    "environment_ratings": {
      "safe_environment": 5,
      "respectful_culture": 5,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 5,
      "communication": 1,
      "trust": 5
    },
    "recognition": 4,
    "career_growth": 4,
    "development_programs": [
      "Skill certification programs"
    ],
    "management_comments": "More training opportunities would help.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 3,
    "job_satisfaction_comments": "",
    "work_life_balance": 5,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 1,
      "tools_and_resources": 4
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 5,
      "communication": 5,
      "trust": 3
    },
    "recognition": 4,
    "career_growth": 2,
    "development_programs": [
      "Training programs",
      "Leadership workshops",
      "Cross-team projects"
    ],
    "management_comments": "Could use more support from management.",
    "anything_else": "Would appreciate more flexibility."
  },
  {
    "overall_satisfaction": 3,
    "role_clarity": 4,
    "job_satisfaction_comments": "Workload can be heavy at times.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 1,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 4,
      "communication": 5,
      "trust": 3
    },
    "recognition": 1,
    "career_growth": 3,
    "development_programs": [
      "Mentorship",
      "Training programs"
    ],
    "management_comments": "Would appreciate more flexibility.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 4,
    "job_satisfaction_comments": "More training opportunities would help.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 4,
      "tools_and_resources": 1
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 3,
      "communication": 3,
      "trust": 1
    },
    "recognition": 3,
    "career_growth": 2,
    "development_programs": [],
    "management_comments": "Could use more support from management.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 1,
    "job_satisfaction_comments": "Could use more support from management.",
    "work_life_balance": 1,
    "environment_ratings": {
      "safe_environment": 5,
      "respectful_culture": 4,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 4,
      "communication": 5,
      "trust": 5
    },
    "recognition": 4,
    "career_growth": 1,
    "development_programs": [
      "Mentorship",
      "Training programs",
      "Cross-team projects"
    ],
    "management_comments": "",
    "anything_else": "Everything is going well."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 1,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 4,
      "respectful_culture": 1,
      "tools_and_resources": 1
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 3,
      "communication": 2,
      "trust": 4
    },
    "recognition": 3,
    "career_growth": 5,
    "development_programs": [],
    "management_comments": "Could use more support from management.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 4,
    "job_satisfaction_comments": "Workload can be heavy at times.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 5,
      "respectful_culture": 5,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 1,
      "communication": 4,
      "trust": 5
    },
    "recognition": 4,
    "career_growth": 4,
    "development_programs": [
      "Leadership workshops",
      "Mentorship",
      "Cross-team projects"
    ],
    "management_comments": "I enjoy the team and the projects.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 5,
    "role_clarity": 1,
    "job_satisfaction_comments": "Better communication is needed.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 5,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 1,
      "manager_support": 4,
      "communication": 5,
      "trust": 3
    },
    "recognition": 4,
    "career_growth": 3,
    "development_programs": [
      "Cross-team projects",
      "Training programs",
      "Mentorship"
    ],
    "management_comments": "Better communication is needed.",
    "anything_else": "More training opportunities would help."
  },
  {
    "overall_satisfaction": 5,
    "role_clarity": 3,
    "job_satisfaction_comments": "Could use more support from management.",
    "work_life_balance": 4,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 3,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 4,
      "communication": 3,
      "trust": 3
    },
    "recognition": 1,
    "career_growth": 5,
    "development_programs": [
      "Training programs"
    ],
    "management_comments": "More training opportunities would help.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 3,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 1,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 2,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 3,
      "communication": 2,
      "trust": 4
    },
    "recognition": 3,
    "career_growth": 3,
    "development_programs": [],
    "management_comments": "Would appreciate more flexibility.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 5,
    "job_satisfaction_comments": "More training opportunities would help.",
    "work_life_balance": 5,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 5,
      "tools_and_resources": 4
    },
    "leadership_effectiveness": {
      "feedback_quality": 1,
      "manager_support": 4,
      "communication": 3,
      "trust": 5
    },
    "recognition": 2,
    "career_growth": 1,
    "development_programs": [
      "Cross-team projects"
    ],
    "management_comments": "Better communication is needed.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 1,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 4,
      "respectful_culture": 4,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 5,
      "communication": 1,
      "trust": 3
    },
    "recognition": 5,
    "career_growth": 1,
    "development_programs": [
      "Mentorship",
      "Cross-team projects"
    ],
    "management_comments": "I enjoy the team and the projects.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 4,
    "job_satisfaction_comments": "Workload can be heavy at times.",
    "work_life_balance": 1,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 3,
      "tools_and_resources": 3
    },
    "leadership_effectiveness": {
      "feedback_quality": 1,
      "manager_support": 3,
      "communication": 1,
      "trust": 3
    },
    "recognition": 2,
    "career_growth": 2,
    "development_programs": [
      "Mentorship",
      "Cross-team projects"
    ],
    "management_comments": "Everything is going well.",
    "anything_else": ""
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 5,
    "job_satisfaction_comments": "Would appreciate more flexibility.",
    "work_life_balance": 4,
    "environment_ratings": {
      "safe_environment": 4,
      "respectful_culture": 5,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 4,
      "communication": 4,
      "trust": 1
    },
    "recognition": 2,
    "career_growth": 4,
    "development_programs": [
      "Skill certification programs"
    ],
    "management_comments": "Everything is going well.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 3,
    "job_satisfaction_comments": "Would appreciate more flexibility.",
    "work_life_balance": 4,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 3,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 3,
      "communication": 5,
      "trust": 5
    },
    "recognition": 1,
    "career_growth": 3,
    "development_programs": [],
    "management_comments": "Everything is going well.",
    "anything_else": "Better communication is needed."
  },
  {
    "overall_satisfaction": 5,
    "role_clarity": 5,
    "job_satisfaction_comments": "",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 5,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 4,
      "communication": 5,
      "trust": 4
    },
    "recognition": 2,
    "career_growth": 2,
    "development_programs": [
      "Cross-team projects"
    ],
    "management_comments": "Workload can be heavy at times.",
    "anything_else": "Workload can be heavy at times."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 3,
    "job_satisfaction_comments": "Better communication is needed.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 3,
      "tools_and_resources": 1
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 4,
      "communication": 1,
      "trust": 1
    },
    "recognition": 5,
    "career_growth": 4,
    "development_programs": [
      "Cross-team projects",
      "Mentorship",
      "Skill certification programs"
    ],
    "management_comments": "I enjoy the team and the projects.",
    "anything_else": "Would appreciate more flexibility."
  },
  {
    "overall_satisfaction": 3,
    "role_clarity": 5,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 5,
      "tools_and_resources": 1
    },
    "leadership_effectiveness": {
      "feedback_quality": 1,
      "manager_support": 4,
      "communication": 1,
      "trust": 3
    },
    "recognition": 3,
    "career_growth": 4,
    "development_programs": [
      "Training programs"
    ],
    "management_comments": "",
    "anything_else": "Everything is going well."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 5,
    "job_satisfaction_comments": "",
    "work_life_balance": 1,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 2,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 1,
      "communication": 4,
      "trust": 5
    },
    "recognition": 3,
    "career_growth": 1,
    "development_programs": [
      "Mentorship"
    ],
    "management_comments": "Workload can be heavy at times.",
    "anything_else": "Everything is going well."
  },
  {
    "overall_satisfaction": 5,
    "role_clarity": 1,
    "job_satisfaction_comments": "I enjoy the team and the projects.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 4,
      "respectful_culture": 3,
      "tools_and_resources": 3
    },
    "leadership_effectiveness": {
      "feedback_quality": 4,
      "manager_support": 3,
      "communication": 4,
      "trust": 3
    },
    "recognition": 2,
    "career_growth": 3,
    "development_programs": [
      "Skill certification programs",
      "Leadership workshops"
    ],
    "management_comments": "Better communication is needed.",
    "anything_else": "Would appreciate more flexibility."
  },
  {
    "overall_satisfaction": 3,
    "role_clarity": 2,
    "job_satisfaction_comments": "Could use more support from management.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 3,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 3,
      "communication": 2,
      "trust": 5
    },
    "recognition": 2,
    "career_growth": 5,
    "development_programs": [
      "Leadership workshops"
    ],
    "management_comments": "Better communication is needed.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 4,
    "job_satisfaction_comments": "",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 1,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 1,
      "communication": 1,
      "trust": 1
    },
    "recognition": 3,
    "career_growth": 3,
    "development_programs": [
      "Mentorship"
    ],
    "management_comments": "Would appreciate more flexibility.",
    "anything_else": "Could use more support from management."
  },
  {
    "overall_satisfaction": 4,
    "role_clarity": 1,
    "job_satisfaction_comments": "More training opportunities would help.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 4,
      "respectful_culture": 2,
      "tools_and_resources": 3
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 1,
      "communication": 4,
      "trust": 1
    },
    "recognition": 4,
    "career_growth": 3,
    "development_programs": [
      "Leadership workshops"
    ],
    "management_comments": "Workload can be heavy at times.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 3,
    "job_satisfaction_comments": "More training opportunities would help.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 1,
      "respectful_culture": 1,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 2,
      "communication": 5,
      "trust": 5
    },
    "recognition": 2,
    "career_growth": 1,
    "development_programs": [
      "Training programs",
      "Leadership workshops",
      "Cross-team projects"
    ],
    "management_comments": "Workload can be heavy at times.",
    "anything_else": "Everything is going well."
  },
  {
    "overall_satisfaction": 2,
    "role_clarity": 5,
    "job_satisfaction_comments": "Everything is going well.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 2,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 4,
      "communication": 5,
      "trust": 3
    },
    "recognition": 3,
    "career_growth": 3,
    "development_programs": [
      "Training programs",
      "Skill certification programs"
    ],
    "management_comments": "Workload can be heavy at times.",
    "anything_else": "I enjoy the team and the projects."
  },
  {
    "overall_satisfaction": 5,
    "role_clarity": 5,
    "job_satisfaction_comments": "Would appreciate more flexibility.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 3,
      "tools_and_resources": 5
    },
    "leadership_effectiveness": {
      "feedback_quality": 3,
      "manager_support": 4,
      "communication": 1,
      "trust": 2
    },
    "recognition": 1,
    "career_growth": 5,
    "development_programs": [],
    "management_comments": "Would appreciate more flexibility.",
    "anything_else": "Better communication is needed."
  },
  {
    "overall_satisfaction": 1,
    "role_clarity": 4,
    "job_satisfaction_comments": "Workload can be heavy at times.",
    "work_life_balance": 2,
    "environment_ratings": {
      "safe_environment": 2,
      "respectful_culture": 5,
      "tools_and_resources": 4
    },
    "leadership_effectiveness": {
      "feedback_quality": 2,
      "manager_support": 2,
      "communication": 1,
      "trust": 4
    },
    "recognition": 5,
    "career_growth": 2,
    "development_programs": [
      "Cross-team projects"
    ],
    "management_comments": "Everything is going well.",
    "anything_else": "Better communication is needed."
  },
  {
    "overall_satisfaction": 5,
    "role_clarity": 2,
    "job_satisfaction_comments": "Better communication is needed.",
    "work_life_balance": 3,
    "environment_ratings": {
      "safe_environment": 3,
      "respectful_culture": 3,
      "tools_and_resources": 2
    },
    "leadership_effectiveness": {
      "feedback_quality": 5,
      "manager_support": 5,
      "communication": 3,
      "trust": 5
    },
    "recognition": 4,
    "career_growth": 3,
    "development_programs": [
      "Skill certification programs"
    ],
    "management_comments": "More training opportunities would help.",
    "anything_else": "Could use more support from management."
  }
];

function randomTimestamp(days = 100) {
  const now = Date.now();
  const past = now - days * 24 * 60 * 60 * 1000;
  return new Date(past + Math.random() * (now - past)).toISOString();
}

export const dataFromServer = sampleData.map(item => ({
  ...item,
  timestamp: randomTimestamp()
}));
```

### `src/SurveyDashboardComponent.jsx`

```js
import React from "react";
import { Model } from "survey-core";
import { Dashboard } from "survey-analytics";
import "survey-analytics/survey.analytics.css";
import "./index.css";
import { json } from "./json";
import "survey-core/survey-core.min.css";
import { dataFromServer } from "./surveydata";

class SurveyDashboardComponent extends React.Component {
    componentDidMount() {
        const survey = new Model(json);
        // Imitate an asynchronous call that loads data from a server
        setTimeout(() => {
            const dashboard = new Dashboard({
                questions: survey.getAllQuestions(),
                data: dataFromServer,
                dateFieldName: "timestamp",
                legendPosition: "bottom",
                items: [
                    {
                        name: "overall_satisfaction",
                        type: "gauge"
                    },
                    {
                        name: "recognition",
                        type: "gauge"
                    },
                    "role_clarity",
                    "work_life_balance",
                    {
                        name: "environment_ratings",
                        type: "stackedbar"
                    },
                    {
                        name: "leadership_effectiveness",
                        type: "stackedbar"
                    },
                    "career_growth",
                    "development_programs",
                    "job_satisfaction_comments",
                    "management_comments",
                    "anything_else"
                ]
            });
            
            
            
            
            document.getElementById("loadingIndicator").style.display = "none";
            dashboard.render("surveyDashboardContainer");
            
        }, 1000);
    }
    render() {
        return React.createElement("div", { id: "surveyDashboardContainer" });
    }
}

export default SurveyDashboardComponent;
```

### `src/index.css`

```css
/* You can add your custom CSS here. */
.data-loading-indicator-panel {
    width: 100%;
    height: 400px;
}
.data-loading-indicator {
    position: relative;
    width: 64px;
    height: 64px;
    left: calc((100% - 64px)/ 2);
    top: calc((100% - 64px)/ 2);
    animation: data-loading-indicator-spinner 1s infinite linear;
}
@keyframes data-loading-indicator-spinner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}
```

### `src/index.js`

```js
import React from "react";
import { createRoot } from "react-dom/client";
import SurveyDashboardComponent from "./SurveyDashboardComponent";

const root = createRoot(document.getElementById("surveyDashboardComponent"));
root.render(<SurveyDashboardComponent />);
```

### `src/json.js`

```js
export const json = {
  "title": "Employee Engagement Survey",
  "description": "Your feedback helps us improve workplace culture, productivity, and overall employee satisfaction.",
  "completedHtml": "<h3>Thank you for your feedback!</h3><p>Your responses have been recorded.</p>",
  "pages": [
    {
      "name": "page_job_satisfaction",
      "title": "Job Satisfaction",
      "elements": [
        {
          "type": "rating",
          "name": "overall_satisfaction",
          "title": "Overall, how satisfied are you with your job?",
          "minRateDescription": "Very dissatisfied",
          "maxRateDescription": "Very satisfied"
        },
        {
          "type": "rating",
          "name": "role_clarity",
          "title": "How clear are you about what is expected from your role?",
          "minRateDescription": "Not clear",
          "maxRateDescription": "Very clear"
        },
        {
          "type": "comment",
          "name": "job_satisfaction_comments",
          "title": "What is the one thing that would most improve your job satisfaction?"
        }
      ]
    },
    {
      "name": "page_work_environment",
      "title": "Work Environment",
      "elements": [
        {
          "type": "rating",
          "name": "work_life_balance",
          "title": "How would you rate your work–life balance?",
          "minRateDescription": "Poor",
          "maxRateDescription": "Excellent"
        },
        {
          "type": "matrix",
          "name": "environment_ratings",
          "title": "Please rate the following aspects:",
          "columns": [
            {
              "value": 1,
              "text": "Strongly disagree"
            },
            {
              "value": 2,
              "text": "Disagree"
            },
            {
              "value": 3,
              "text": "Neutral"
            },
            {
              "value": 4,
              "text": "Agree"
            },
            {
              "value": 5,
              "text": "Strongly agree"
            }
          ],
          "rows": [
            {
              "value": "safe_environment",
              "text": "I feel physically safe at work."
            },
            {
              "value": "respectful_culture",
              "text": "People treat each other with respect."
            },
            {
              "value": "tools_and_resources",
              "text": "I have the tools and resources I need to work effectively."
            }
          ]
        }
      ]
    },
    {
      "name": "page_management",
      "title": "Leadership & Management",
      "elements": [
        {
          "type": "matrix",
          "name": "leadership_effectiveness",
          "title": "Please rate your agreement with the following statements:",
          "columns": [
            {
              "value": 1,
              "text": "Strongly disagree"
            },
            {
              "value": 2,
              "text": "Disagree"
            },
            {
              "value": 3,
              "text": "Neutral"
            },
            {
              "value": 4,
              "text": "Agree"
            },
            {
              "value": 5,
              "text": "Strongly agree"
            }
          ],
          "rows": [
            {
              "value": "feedback_quality",
              "text": "I receive helpful feedback from my manager."
            },
            {
              "value": "manager_support",
              "text": "My manager supports my professional growth."
            },
            {
              "value": "communication",
              "text": "Leadership communicates effectively."
            },
            {
              "value": "trust",
              "text": "I trust my manager."
            }
          ]
        },
        {
          "type": "comment",
          "name": "management_comments",
          "title": "Do you have any suggestions for management?"
        }
      ]
    },
    {
      "name": "page_growth_recognition",
      "title": "Growth, Development & Recognition",
      "elements": [
        {
          "type": "rating",
          "name": "recognition",
          "title": "How satisfied are you with the recognition you receive for your work?",
          "minRateDescription": "Not satisfied",
          "maxRateDescription": "Very satisfied"
        },
        {
          "type": "rating",
          "name": "career_growth",
          "title": "How confident are you in your opportunities for career growth?",
          "minRateDescription": "Not confident",
          "maxRateDescription": "Very confident"
        },
        {
          "type": "checkbox",
          "name": "development_programs",
          "title": "Which professional development opportunities would you be interested in?",
          "choices": [
            "Training programs",
            "Mentorship",
            "Leadership workshops",
            "Cross-team projects",
            "Skill certification programs"
          ]
        }
      ]
    },
    {
      "name": "page_final",
      "title": "Final Thoughts",
      "elements": [
        {
          "type": "comment",
          "name": "anything_else",
          "title": "Is there anything else you would like to share?"
        }
      ]
    }
  ]
};
```

### `package.json`

```json
{
  "dependencies": {
    "react": "latest",
    "react-dom": "latest",
    "survey-core": "latest",
    "chart.js": "4.5.1",
    "survey-analytics": "latest"
  },
  "devDependencies": {
    "react-scripts": "latest"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "browserslist": [ ">0.2%", "not dead", "not ie <= 11", "not op_mini all" ]
}
```

## Other Frameworks

- [Angular](https://surveyjs.io/dashboard/examples/employee-engagement-survey-analysis/angular.md)
- [Vue 3](https://surveyjs.io/dashboard/examples/employee-engagement-survey-analysis/vue3js.md)
- [jQuery](https://surveyjs.io/dashboard/examples/employee-engagement-survey-analysis/jquery.md)
- [Vanilla JS](https://surveyjs.io/dashboard/examples/employee-engagement-survey-analysis/vanillajs.md)