Cart Licenses Contact Support Online Creator Log in/Register
v 1.9.44

Localized analytics summary view


            var json = {
  "locale": "fr",
  "elements": [
      "type": "dropdown",
      "name": "satisfaction",
      "title": {
        "default": "How satisfied are you with the Product?",
        "ru": "Насколько Вас устраивает наш продукт?",
        "fr": "Êtes-vous satisfait du produit?"
      "choices": [
          "value": 0,
          "text": {
            "default": "Not Satisfied",
            "ru": "Coвсем не устраивает",
            "fr": "Pas satisfait"
          "value": 1,
          "text": {
            "default": "Satisfied",
            "ru": "Устраивает",
            "fr": "Satisfait"
          "value": 2,
          "text": {
            "default": "Completely satisfied",
            "ru": "Полностью устраивает",
            "fr": "Complètement satisfait"

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

function randomIntFromInterval(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min);

var data = [];

// We show random data in this example
for (let index = 0; index < 10; index++) {
    satisfaction: randomIntFromInterval(0, 2),

var visPanel = new SurveyAnalytics.VisualizationPanel(
    {labelTruncateLength: 27, survey: survey}
visPanel.showHeader = true;

<!DOCTYPE html>
<html lang="en">
    <title>Localized analytics summary view, Reactjs Survey Library Example</title>
<meta name="viewport" content="width=device-width" />
    <script src=""></script>
    <script src=""></script>
    <script src=""></script>
    <script src=""></script>
    <script src="/DevBuilds/survey-core/survey.core.min.js"></script>
    <script src="/DevBuilds/survey-core/survey.i18n.min.js"></script>
    <script src="/DevBuilds/survey-react-ui/survey-react-ui.min.js"></script>
    <link href="/DevBuilds/survey-core/defaultV2.min.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="./index.css">
<script src=""></script>

<script src=""></script>

<script src=""></script>

<script src=""></script>        <link href="/DevBuilds/survey-analytics/" rel="stylesheet" />
        <script src="/DevBuilds/survey-analytics/"></script>

<body style="margin: 0">
            <div id="surveyElement" style="display:inline-block;width:100%;">
    <div id="surveyResult"></div>

<script type="text/babel" src="./index.js"></script>


Tell Us What You Think

Help us serve you better by taking this brief survey.
We are interested to learn more about your
experience of using our libraries.

We'd really appreciate your feedback.

Start the Survey

Approximate time to complete: 2 min.