Interactive Survey Data Dashboard
SurveyJS Dashboard is a GUI designed to simplify survey result analysis. End users can customize their survey data dashboards as they see fit: drag and drop charts to reorder them, click bars to filter chart data, change the sort order, hide unwanted charts, etc. All these customizations are reversible, which means that end users can undo a customization that they just did. However, SurveyJS Dashboard also supports permanent customizations that users cannot undo. This example demonstrates one of such customizations—charts that are grouped by type and displayed within different tabs. Read more...
SurveyJS Dashboard is a GUI designed to simplify survey result analysis. End users can customize their survey data dashboards as they see fit: drag and drop charts to reorder them, click bars to filter chart data, change the sort order, hide unwanted charts, etc. All these customizations are reversible, which means that end users can undo a customization that they just did. However, SurveyJS Dashboard also supports permanent customizations that users cannot undo. This example demonstrates one of such customizations—charts that are grouped by type and displayed within different tabs.
Charts are rendered on Visualization Panels, where each chart visualizes answers to a single survey question. To group charts, create multiple Visualization Panels. The first argument of the VisualizationPanel constructor accepts an array of survey questions that this panel should visualize. Call the Survey's getAllQuestions() method to get an array of all survey questions. Pass only the needed questions to the VisualizationPanel constructor. The second argument of the constructor accepts an array of survey results. Refer to the Fetch API call in the Code tab for a code example.