Proportions Survey

Component that allows a group of people to vote on the weights and importance of given options.

Example:

<ProportionsSurvey 
    user
    id="Survey"
    question="Decide what is important"
    group="Group decision"
    nElements={3}
    colors = {[ "red", "blue", "gold" ]}
    personalHeight={300}
    groupHeight={200}
    margin="80px"
    legends={[ "bitcoin", "old", "diamonds" ]}
/>

Open interactive preview

Options:

  • id | string (required): component identifier. Default: none.
  • allowMultipleAnswers | boolean: contols whether one wishes to allow students to answer the survey multiple times. Default: false.
  • anonymous | boolean: contols whether student answers are anonymized. Default: false.
  • colors | array: array of colors for the pie chart components. If not defined, a custom color scale will be used. Default: [ 'tomato', 'orange', 'gold', 'darkcyan', 'salmon', 'lightgreen', 'gainsboro', 'lightpurple', 'darkkhaki', 'darkseagreen' ].
  • disabled | boolean: controls whether the survey is deactivated. Default: false.
  • group | string: group display heading. Default: 'group results'.
  • groupHeight | number: proportions input height for group display (in px). Default: 100.
  • groupInnerRadius | number: inner radius of proportions pie chart for group display (in px). Default: 40.
  • legends | array: legend labels that describe the options to be weighed. Default: none.
  • margin | string: proportion input margin (in px). Default: '40px'.
  • nElements | number: number of elements that shall be weighed. Default: 6.
  • onSubmit | function: callback function invoked once students submits an answer. Default: onSubmit() {}.
  • personalHeight | number: proportions input height for individual student (in px). Default: 200.
  • personalInnerRadius | number: inner radius of proportions pie chart for individual student (in px). Default: 60.
  • precision | number: displayed precision of proportion values. Default: 2.
  • question | string: the question to be displayed. Default: ''.
  • step | number: the step of the arrows seen when hovering the cursor above the input box. Default: 0.25.

results matching ""

    No results matching ""