Cart Licenses Contact Support Online Creator Login/Register
Try
Buy
v 1.9.32

Try SurveyJS

A robust full-cycle
survey and form solution
for your JavaScript application.

SurveyJS Library

SurveyJS Library allows you to create and integrate surveys into your application.

<template>
  <Survey :survey="survey" />
</template>

<script>
import "survey-core/defaultV2.css";
import { StylesManager, Model } from "survey-core";
import { Survey } from 'survey-vue-ui;

StylesManager.applyTheme("defaultV2");

const surveyJson = { ... };

export default {
  components: {
    Survey
  },
  data() {
    const survey = new Model(surveyJson);
    return {
      survey
    }
  },
}
</script>
                

Survey Creator

Survey Creator is a visual designer that enables you and your users to create and modify surveys.

<template>
  <div id="surveyCreator" />
</template>

<script>
import { SurveyCreator } from "survey-creator-knockout";
import "survey-core/defaultV2.min.css";
import "survey-creator-core/survey-creator-core.min.css";

const creatorOptions = {
  showLogicTab: true,
  isAutoSave: true
};

export default {
  name: "survey-creator",
  mounted() {
    const creator = new SurveyCreator(creatorOptions);
    creator.render("surveyCreator");
  }
};
</script>
        

SurveyJS Analytics

SurveyJS Analytics visualizes survey results and allows its users to analyze them.

var json = {
// ...
};

SurveyAnalytics.MatrixPlotly.types = ['stackedbar', 'bar', 'pie', 'doughnut'];
SurveyAnalytics.SelectBasePlotly.types = ['doughnut', 'bar', 'pie', 'scatter'];

const survey = new Survey.Model(json);
const allQuestions = survey.getAllQuestions();

const data = [
  {
    Quality: {
      affordable: "3",
      "does what it claims": "4",
      "better then others": "5",
      "easy to use": "1"
    },
    organization_type: "In-house"
  }, {
    Quality: {
      affordable: "3",
      "does what it claims": "4",
      "better then others": "2",
      "easy to use": "3"
    },
    organization_type: "Hobbyist"
  }, {
    Quality: {
      affordable: "3",
      "does what it claims": "4",
      "better then others": "5",
      "easy to use": "1"
    },
    organization_type: "In-house"
  }
];

const visPanel = new SurveyAnalytics.VisualizationPanel(allQuestions, data, { labelTruncateLength: 27 });
visPanel.showHeader = true;
visPanel.render(surveyResult);
                

SurveyJS PDF Export

SurveyJS PDF Export enables users to save surveys as PDF documents.

import { SurveyPDF } from "survey-pdf";

function prepareSurveyPDF() {
  const surveyPDF = new SurveyPDF(json);
  surveyPDF.data = survey.data;
  return surveyPDF;
}
function savePdfAsFile() {
  const surveyPDF = prepareSurveyPDF();
  surveyPDF.save("surveyAsFile.pdf");
}
function savePdfAsBlob() {
  const surveyPDF = prepareSurveyPDF();
  surveyPDF
    .raw("bloburl")
    .then(function (bloburl) {
      var a = document.createElement("a");
      a.href = bloburl;
      a.download = "surveyAsBlob.pdf";
      document
        .body
        .appendChild(a);
      a.click();
    });
}
function previewPdf() {
  const surveyPDF = prepareSurveyPDF();
  var oldFrame = document.getElementById("pdf-preview-frame");
  if (oldFrame)
    oldFrame.parentNode.removeChild(oldFrame);
  surveyPDF
    .raw("dataurlstring")
    .then(function (dataurl) {
      var pdfEmbed = document.createElement("embed");
      pdfEmbed.setAttribute("id", "pdf-preview-frame");
      pdfEmbed.setAttribute("type", "application/pdf");
      pdfEmbed.setAttribute("style", "width:100%");
      pdfEmbed.setAttribute("height", 200);
      pdfEmbed.setAttribute("src", dataurl);
      var previewDiv = document.getElementById("pdf-preview");
      previewDiv.appendChild(pdfEmbed);
  });
}
                

Survey management system examples

You can use SurveyJS components to build a full-cycle survey management system integrated with your backend. Your users will be able to create, modify, and run surveys, collect survey results, and analyze them using visualization tools. View examples of such systems for most popular backend frameworks and CMS:

NodeJS
ASP.NET MVC
WordPress
; ;