Visualize Survey Data from SurveyJS Demo Service

SurveyJS provides a demo service that allows you to create test surveys and forms, store their JSON schemas in our database, and collect test results. This example shows how you can use the Dashboard library to visualize survey data collected through the service.

SurveyJS Demo Service is meant as a demonstration of what you can build with SurveyJS products. SurveyJS assumes no responsibility for any consequence of misusing or violating any sensitive data communicated via the service. In real-world applications, we strongly recommend storing survey results and JSON schemas in your own database.

To configure SurveyJS Dashboard for work with SurveyJS Demo Service, follow the steps below:

1. Create an empty SurveyModel instance.

2. Load your survey JSON schema from the SurveyJS storage.
   Implement a function that loads a survey JSON schema with a specified surveyId and assigns it to the SurveyModel instance (see the loadSurvey() function in code).

3. Fetch survey results from SurveyJS Demo Service.
   SurveyJS Demo Service exposes multiple public and private API endpoints. To fetch survey results, make a request to the getSurveyPublicResults API. Append your survey ID to the endpoint URL (see the dataurl.js file in code).

4. Create and render a Visualization Panel.
   Add a <div> element with an id attribute to your page. To instantiate a Visualization Panel, pass survey questions, survey results from step 3, and optional settings to the VisualizationPanel constructor. Call the render(containerId) method on the instance to render the Visualization Panel in the div element.