---
title: Event Feedback Survey Analysis
product: Dashboard
description: Learn how to analyze event feedback survey results using SurveyJS Dashboard. This demo shows an interactive dashboard for visualizing participant feedback with dynamic charts and filters.
framework: React
source: https://surveyjs.io/dashboard/examples/event-feedback-survey-analysis/reactjs
index: https://surveyjs.io/dashboard/examples/overview.md
---

# Event Feedback Survey Analysis (React)

Conferences, webinars, workshops, and other events draw professionals seeking to share and expand their knowledge. After an event, organizers often conduct a survey to assess how well the program met participants' expectations and to identify areas for improvement. SurveyJS Dashboard provides a powerful way to analyze these survey results. It offers a comprehensive collection of visualizations, including bar and pie charts, gauges, bullet graphs, data tables, and word clouds. Users can switch between chart types, show or hide individual visualizers, filter data, and adjust the layout at runtime.

## 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
export const dataFromServer = [
  {
    "event_type": "Workshop",
    "event_date": "2025-01-15",
    "attendee_region": "Europe",
    "overall_satisfaction": 4,
    "speaker_quality": 5,
    "content_quality": 4,
    "organization_quality": 4,
    "liked_aspects": ["Speakers", "Content", "Venue"],
    "improvement_areas": ["Schedule"],
    "additional_comments": "Great hands-on activities.",
    "recommendation_score": 8,
    "timestamp": "2025-02-03T12:32:11Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-02-01",
    "attendee_region": "North America",
    "overall_satisfaction": 5,
    "speaker_quality": 4,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Content", "Q&A sessions", "Access to materials"],
    "improvement_areas": [],
    "additional_comments": "Fantastic event!",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T12:33:14Z"
  },
  {
    "event_type": "Webinar",
    "event_date": "2025-01-20",
    "attendee_region": "Asia",
    "overall_satisfaction": 3,
    "speaker_quality": 3,
    "content_quality": 3,
    "organization_quality": 4,
    "liked_aspects": ["Speakers", "Content"],
    "improvement_areas": ["Q&A sessions"],
    "additional_comments": "More examples would help.",
    "recommendation_score": 6,
    "timestamp": "2025-02-03T12:33:59Z"
  },
  {
    "event_type": "Training Session",
    "event_date": "2025-01-25",
    "attendee_region": "Africa",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 4,
    "organization_quality": 5,
    "liked_aspects": ["Organization", "Access to materials"],
    "improvement_areas": ["Schedule"],
    "additional_comments": "",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T12:34:44Z"
  },
  {
    "event_type": "Expo / Trade Show",
    "event_date": "2025-01-12",
    "attendee_region": "South America",
    "overall_satisfaction": 5,
    "speaker_quality": 4,
    "content_quality": 5,
    "organization_quality": 4,
    "liked_aspects": ["Networking opportunities", "Venue", "Organization"],
    "improvement_areas": [],
    "additional_comments": "Very engaging exhibitors.",
    "recommendation_score": 9,
    "timestamp": "2025-02-03T12:35:22Z"
  },
  {
    "event_type": "Networking Event",
    "event_date": "2025-02-10",
    "attendee_region": "Australia / Oceania",
    "overall_satisfaction": 4,
    "speaker_quality": 3,
    "content_quality": 3,
    "organization_quality": 4,
    "liked_aspects": ["Networking opportunities", "Venue"],
    "improvement_areas": ["Schedule"],
    "additional_comments": "Good connections made.",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T12:36:03Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-22",
    "attendee_region": "Middle East",
    "overall_satisfaction": 3,
    "speaker_quality": 4,
    "content_quality": 3,
    "organization_quality": 3,
    "liked_aspects": ["Content"],
    "improvement_areas": ["Venue", "Organization"],
    "additional_comments": "",
    "recommendation_score": 5,
    "timestamp": "2025-02-03T12:36:49Z"
  },
  {
    "event_type": "Webinar",
    "event_date": "2025-02-18",
    "attendee_region": "Europe",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Content", "Q&A sessions"],
    "improvement_areas": [],
    "additional_comments": "Best webinar so far.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T12:37:33Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-01-05",
    "attendee_region": "North America",
    "overall_satisfaction": 2,
    "speaker_quality": 3,
    "content_quality": 2,
    "organization_quality": 2,
    "liked_aspects": ["Venue"],
    "improvement_areas": ["Content", "Organization"],
    "additional_comments": "Felt rushed.",
    "recommendation_score": 3,
    "timestamp": "2025-02-03T12:38:21Z"
  },
  {
    "event_type": "Training Session",
    "event_date": "2025-01-30",
    "attendee_region": "Asia",
    "overall_satisfaction": 4,
    "speaker_quality": 5,
    "content_quality": 4,
    "organization_quality": 5,
    "liked_aspects": ["Access to materials", "Speakers"],
    "improvement_areas": [],
    "additional_comments": "Very clear instructions.",
    "recommendation_score": 8,
    "timestamp": "2025-02-03T12:38:57Z"
  },
  {
    "event_type": "Networking Event",
    "event_date": "2025-03-14",
    "attendee_region": "South America",
    "overall_satisfaction": 3,
    "speaker_quality": 3,
    "content_quality": 2,
    "organization_quality": 4,
    "liked_aspects": ["Networking opportunities"],
    "improvement_areas": ["Content"],
    "additional_comments": "",
    "recommendation_score": 6,
    "timestamp": "2025-02-03T12:39:44Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-11",
    "attendee_region": "Europe",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 4,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Content", "Venue", "Access to materials"],
    "improvement_areas": [],
    "additional_comments": "Super helpful!",
    "recommendation_score": 9,
    "timestamp": "2025-02-03T12:40:32Z"
  },
  {
    "event_type": "Expo / Trade Show",
    "event_date": "2025-01-17",
    "attendee_region": "Africa",
    "overall_satisfaction": 4,
    "speaker_quality": 3,
    "content_quality": 4,
    "organization_quality": 4,
    "liked_aspects": ["Venue", "Organization"],
    "improvement_areas": ["Speakers"],
    "additional_comments": "",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T12:41:13Z"
  },
  {
    "event_type": "Webinar",
    "event_date": "2025-01-26",
    "attendee_region": "Middle East",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 4,
    "organization_quality": 4,
    "liked_aspects": ["Content"],
    "improvement_areas": ["Q&A sessions"],
    "additional_comments": "",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T12:42:06Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-03-02",
    "attendee_region": "Australia / Oceania",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Content", "Organization", "Q&A sessions"],
    "improvement_areas": [],
    "additional_comments": "Perfectly organized.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T12:43:01Z"
  },
  {
    "event_type": "Training Session",
    "event_date": "2025-01-09",
    "attendee_region": "Europe",
    "overall_satisfaction": 3,
    "speaker_quality": 4,
    "content_quality": 3,
    "organization_quality": 3,
    "liked_aspects": ["Access to materials"],
    "improvement_areas": ["Schedule", "Content"],
    "additional_comments": "",
    "recommendation_score": 5,
    "timestamp": "2025-02-03T12:45:11Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-04",
    "attendee_region": "North America",
    "overall_satisfaction": 4,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 4,
    "liked_aspects": ["Speakers", "Content"],
    "improvement_areas": ["Venue"],
    "additional_comments": "A bit crowded.",
    "recommendation_score": 8,
    "timestamp": "2025-02-03T12:46:09Z"
  },
  {
    "event_type": "Webinar",
    "event_date": "2025-02-27",
    "attendee_region": "Asia",
    "overall_satisfaction": 2,
    "speaker_quality": 3,
    "content_quality": 2,
    "organization_quality": 3,
    "liked_aspects": ["Q&A sessions"],
    "improvement_areas": ["Content", "Speakers"],
    "additional_comments": "Too basic.",
    "recommendation_score": 4,
    "timestamp": "2025-02-03T12:47:03Z"
  },
  {
    "event_type": "Networking Event",
    "event_date": "2025-01-08",
    "attendee_region": "Middle East",
    "overall_satisfaction": 5,
    "speaker_quality": 4,
    "content_quality": 4,
    "organization_quality": 5,
    "liked_aspects": ["Networking opportunities", "Venue"],
    "improvement_areas": [],
    "additional_comments": "Made great contacts.",
    "recommendation_score": 9,
    "timestamp": "2025-02-03T12:47:56Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-01-16",
    "attendee_region": "Africa",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 4,
    "organization_quality": 5,
    "liked_aspects": ["Organization", "Content"],
    "improvement_areas": [],
    "additional_comments": "",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T12:48:39Z"
  },
  {
    "event_type": "Expo / Trade Show",
    "event_date": "2025-03-06",
    "attendee_region": "South America",
    "overall_satisfaction": 3,
    "speaker_quality": 2,
    "content_quality": 4,
    "organization_quality": 3,
    "liked_aspects": ["Venue"],
    "improvement_areas": ["Speakers", "Organization"],
    "additional_comments": "Crowded floor.",
    "recommendation_score": 5,
    "timestamp": "2025-02-03T12:49:23Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-13",
    "attendee_region": "North America",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Content", "Access to materials"],
    "improvement_areas": [],
    "additional_comments": "Highly educational.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T12:50:18Z"
  },
  {
    "event_type": "Training Session",
    "event_date": "2025-01-19",
    "attendee_region": "Middle East",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 3,
    "organization_quality": 4,
    "liked_aspects": ["Access to materials"],
    "improvement_areas": ["Content"],
    "additional_comments": "",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T12:51:02Z"
  },
  {
    "event_type": "Webinar",
    "event_date": "2025-01-28",
    "attendee_region": "Australia / Oceania",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Content", "Q&A sessions"],
    "improvement_areas": [],
    "additional_comments": "Clear and engaging.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T12:51:49Z"
  },
  {
    "event_type": "Networking Event",
    "event_date": "2025-02-03",
    "attendee_region": "Europe",
    "overall_satisfaction": 2,
    "speaker_quality": 2,
    "content_quality": 1,
    "organization_quality": 3,
    "liked_aspects": ["Venue"],
    "improvement_areas": ["Content", "Speakers"],
    "additional_comments": "",
    "recommendation_score": 4,
    "timestamp": "2025-02-03T12:52:37Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-01-07",
    "attendee_region": "Asia",
    "overall_satisfaction": 4,
    "speaker_quality": 5,
    "content_quality": 4,
    "organization_quality": 4,
    "liked_aspects": ["Speakers", "Content"],
    "improvement_areas": [],
    "additional_comments": "Great lineup.",
    "recommendation_score": 8,
    "timestamp": "2025-02-03T12:53:18Z"
  },
  {
    "event_type": "Training Session",
    "event_date": "2025-01-21",
    "attendee_region": "North America",
    "overall_satisfaction": 3,
    "speaker_quality": 3,
    "content_quality": 4,
    "organization_quality": 4,
    "liked_aspects": ["Content"],
    "improvement_areas": ["Speakers"],
    "additional_comments": "",
    "recommendation_score": 6,
    "timestamp": "2025-02-03T12:54:07Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-03-24",
    "attendee_region": "Africa",
    "overall_satisfaction": 4,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 4,
    "liked_aspects": ["Speakers", "Content"],
    "improvement_areas": ["Venue"],
    "additional_comments": "",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T12:54:58Z"
  },
  {
    "event_type": "Expo / Trade Show",
    "event_date": "2025-01-23",
    "attendee_region": "Middle East",
    "overall_satisfaction": 5,
    "speaker_quality": 4,
    "content_quality": 4,
    "organization_quality": 5,
    "liked_aspects": ["Venue", "Organization"],
    "improvement_areas": [],
    "additional_comments": "Very smooth event.",
    "recommendation_score": 9,
    "timestamp": "2025-02-03T12:55:43Z"
  },
  {
    "event_type": "Webinar",
    "event_date": "2025-01-29",
    "attendee_region": "South America",
    "overall_satisfaction": 3,
    "speaker_quality": 3,
    "content_quality": 3,
    "organization_quality": 3,
    "liked_aspects": ["Content"],
    "improvement_areas": ["Q&A sessions"],
    "additional_comments": "More time for questions.",
    "recommendation_score": 5,
    "timestamp": "2025-02-03T12:56:27Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-02-01",
    "attendee_region": "Australia / Oceania",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 4,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Schedule", "Content"],
    "improvement_areas": [],
    "additional_comments": "Great kickoff event.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T12:57:19Z"
  },
  {
    "event_type": "Networking Event",
    "event_date": "2025-01-18",
    "attendee_region": "Asia",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 3,
    "organization_quality": 4,
    "liked_aspects": ["Networking opportunities"],
    "improvement_areas": ["Content"],
    "additional_comments": "Nice people.",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T12:58:09Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-20",
    "attendee_region": "Europe",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 5,
    "organization_quality": 4,
    "liked_aspects": ["Content", "Access to materials"],
    "improvement_areas": [],
    "additional_comments": "",
    "recommendation_score": 8,
    "timestamp": "2025-02-03T12:59:01Z"
  },
  {
    "event_type": "Training Session",
    "event_date": "2025-03-26",
    "attendee_region": "North America",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Access to materials"],
    "improvement_areas": [],
    "additional_comments": "Excellent training.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T12:59:51Z"
  },
  {
    "event_type": "Expo / Trade Show",
    "event_date": "2025-01-28",
    "attendee_region": "Africa",
    "overall_satisfaction": 3,
    "speaker_quality": 3,
    "content_quality": 3,
    "organization_quality": 3,
    "liked_aspects": ["Venue"],
    "improvement_areas": ["Organization"],
    "additional_comments": "",
    "recommendation_score": 6,
    "timestamp": "2025-02-03T13:00:32Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-27",
    "attendee_region": "South America",
    "overall_satisfaction": 2,
    "speaker_quality": 3,
    "content_quality": 2,
    "organization_quality": 3,
    "liked_aspects": ["Venue"],
    "improvement_areas": ["Content", "Schedule"],
    "additional_comments": "Not very engaging.",
    "recommendation_score": 4,
    "timestamp": "2025-02-03T13:01:19Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-01-29",
    "attendee_region": "Middle East",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 4,
    "organization_quality": 4,
    "liked_aspects": ["Speakers", "Content"],
    "improvement_areas": [],
    "additional_comments": "",
    "recommendation_score": 8,
    "timestamp": "2025-02-03T13:02:05Z"
  },
  {
    "event_type": "Webinar",
    "event_date": "2025-03-17",
    "attendee_region": "Australia / Oceania",
    "overall_satisfaction": 3,
    "speaker_quality": 4,
    "content_quality": 3,
    "organization_quality": 3,
    "liked_aspects": ["Content"],
    "improvement_areas": ["Q&A sessions"],
    "additional_comments": "",
    "recommendation_score": 6,
    "timestamp": "2025-02-03T13:03:02Z"
  },
  {
    "event_type": "Networking Event",
    "event_date": "2025-01-22",
    "attendee_region": "Europe",
    "overall_satisfaction": 5,
    "speaker_quality": 4,
    "content_quality": 3,
    "organization_quality": 5,
    "liked_aspects": ["Networking opportunities"],
    "improvement_areas": [],
    "additional_comments": "Met future partners!",
    "recommendation_score": 9,
    "timestamp": "2025-02-03T13:03:55Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-23",
    "attendee_region": "Asia",
    "overall_satisfaction": 4,
    "speaker_quality": 5,
    "content_quality": 4,
    "organization_quality": 4,
    "liked_aspects": ["Speakers", "Content"],
    "improvement_areas": ["Venue"],
    "additional_comments": "",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T13:04:41Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-01-24",
    "attendee_region": "North America",
    "overall_satisfaction": 3,
    "speaker_quality": 3,
    "content_quality": 3,
    "organization_quality": 3,
    "liked_aspects": ["Venue"],
    "improvement_areas": ["Content", "Speakers"],
    "additional_comments": "",
    "recommendation_score": 5,
    "timestamp": "2025-02-03T13:05:30Z"
  },
  {
    "event_type": "Training Session",
    "event_date": "2025-02-25",
    "attendee_region": "Australia / Oceania",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 4,
    "organization_quality": 5,
    "liked_aspects": ["Access to materials"],
    "improvement_areas": [],
    "additional_comments": "Good overall.",
    "recommendation_score": 8,
    "timestamp": "2025-02-03T13:06:13Z"
  },
  {
    "event_type": "Expo / Trade Show",
    "event_date": "2025-01-26",
    "attendee_region": "Middle East",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Venue", "Organization", "Content"],
    "improvement_areas": [],
    "additional_comments": "Amazing event.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T13:07:01Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-30",
    "attendee_region": "Africa",
    "overall_satisfaction": 3,
    "speaker_quality": 3,
    "content_quality": 3,
    "organization_quality": 3,
    "liked_aspects": ["Venue"],
    "improvement_areas": ["Content"],
    "additional_comments": "",
    "recommendation_score": 5,
    "timestamp": "2025-02-03T13:07:55Z"
  },
  {
    "event_type": "Networking Event",
    "event_date": "2025-01-11",
    "attendee_region": "South America",
    "overall_satisfaction": 4,
    "speaker_quality": 3,
    "content_quality": 3,
    "organization_quality": 4,
    "liked_aspects": ["Networking opportunities"],
    "improvement_areas": ["Speakers"],
    "additional_comments": "Would attend again.",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T13:08:41Z"
  },
  {
    "event_type": "Conference",
    "event_date": "2025-03-14",
    "attendee_region": "Middle East",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Content", "Organization"],
    "improvement_areas": [],
    "additional_comments": "Top-notch.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T13:09:24Z"
  },
  {
    "event_type": "Webinar",
    "event_date": "2025-01-16",
    "attendee_region": "Europe",
    "overall_satisfaction": 4,
    "speaker_quality": 4,
    "content_quality": 4,
    "organization_quality": 4,
    "liked_aspects": ["Content"],
    "improvement_areas": ["Q&A sessions"],
    "additional_comments": "",
    "recommendation_score": 7,
    "timestamp": "2025-02-03T13:10:07Z"
  },
  {
    "event_type": "Workshop",
    "event_date": "2025-01-31",
    "attendee_region": "Asia",
    "overall_satisfaction": 5,
    "speaker_quality": 5,
    "content_quality": 5,
    "organization_quality": 5,
    "liked_aspects": ["Speakers", "Content", "Access to materials"],
    "improvement_areas": [],
    "additional_comments": "Best workshop this year.",
    "recommendation_score": 10,
    "timestamp": "2025-02-03T13:10:51Z"
  },
  {
    "event_type": "Training Session",
    "event_date": "2025-02-12",
    "attendee_region": "North America",
    "overall_satisfaction": 2,
    "speaker_quality": 2,
    "content_quality": 3,
    "organization_quality": 3,
    "liked_aspects": ["Access to materials"],
    "improvement_areas": ["Speakers", "Content"],
    "additional_comments": "",
    "recommendation_score": 4,
    "timestamp": "2025-02-03T13:11:33Z"
  }
];
```

### `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,
                items: [
                    "event_type",
                    { type: "responsecount" },
                    {
                        name: "recommendation_score",
                        type: "gauge"
                    },
                    "overall_satisfaction",
                    "speaker_quality",
                    "content_quality",
                    "organization_quality",
                    {
                        name: "liked_aspects",
                        answersOrder: "desc"
                    },
                    {
                        name: "improvement_areas",
                        answersOrder: "desc"
                    },
                    "attendee_region",
                    "event_date",
                    "additional_comments"
                ]
            });
            
            
            
            
            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": "Event Feedback Survey",
  "description": "Thank you for attending! Please take a moment to share your feedback so we can improve future events.",
  "pages": [
    {
      "name": "event_info",
      "title": "Event Details",
      "elements": [
        {
          "type": "dropdown",
          "name": "event_type",
          "title": "What type of event did you attend?",
          "choices": [
            "Conference",
            "Webinar",
            "Workshop",
            "Networking Event",
            "Expo / Trade Show",
            "Training Session"
          ]
        },
        {
          "type": "text",
          "name": "event_date",
          "title": "Date of the event",
          "inputType": "date"
        },
        {
          "type": "dropdown",
          "name": "attendee_region",
          "title": "Your region",
          "choices": [
            "North America",
            "South America",
            "Europe",
            "Asia",
            "Africa",
            "Australia / Oceania",
            "Middle East"
          ]
        }
      ]
    },
    {
      "name": "overall_experience",
      "title": "Overall Experience",
      "elements": [
        {
          "type": "rating",
          "name": "overall_satisfaction",
          "title": "How satisfied were you with the event?",
          "minRateDescription": "Not satisfied",
          "maxRateDescription": "Very satisfied"
        },
        {
          "type": "rating",
          "name": "speaker_quality",
          "title": "How would you rate the speakers/presenters?",
          "minRateDescription": "Poor",
          "maxRateDescription": "Excellent"
        },
        {
          "type": "rating",
          "name": "content_quality",
          "title": "How would you rate the content?",
          "minRateDescription": "Poor",
          "maxRateDescription": "Excellent"
        },
        {
          "type": "rating",
          "name": "organization_quality",
          "title": "How well organized was the event?",
          "minRateDescription": "Poor",
          "maxRateDescription": "Excellent"
        }
      ]
    },
    {
      "name": "event_specific_feedback",
      "title": "Detailed Feedback",
      "elements": [
        {
          "type": "checkbox",
          "name": "liked_aspects",
          "title": "What did you like the most?",
          "choices": [
            "Speakers",
            "Content",
            "Networking opportunities",
            "Venue",
            "Schedule",
            "Organization",
            "Access to materials",
            "Q&A sessions"
          ]
        },
        {
          "type": "checkbox",
          "name": "improvement_areas",
          "title": "What can be improved?",
          "choicesFromQuestion": "liked_aspects"
        },
        {
          "type": "comment",
          "name": "additional_comments",
          "title": "Any additional comments or suggestions?"
        }
      ]
    },
    {
      "name": "recommendation",
      "title": "Recommendation",
      "elements": [
        {
          "type": "rating",
          "name": "recommendation_score",
          "title": "How likely are you to recommend this event to a friend or colleague?",
          "rateCount": 11,
          "rateMin": 0,
          "rateMax": 10,
          "minRateDescription": "Not likely",
          "maxRateDescription": "Very likely"
        }
      ]
    }
  ],
  "completeText": "Submit",
  "widthMode": "static",
  "width": "800px",
  "headerView": "advanced"
};
```

### `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/event-feedback-survey-analysis/angular.md)
- [Vue 3](https://surveyjs.io/dashboard/examples/event-feedback-survey-analysis/vue3js.md)
- [jQuery](https://surveyjs.io/dashboard/examples/event-feedback-survey-analysis/jquery.md)
- [Vanilla JS](https://surveyjs.io/dashboard/examples/event-feedback-survey-analysis/vanillajs.md)