---
title: Scoring Rubric
product: Form Library
description: Create a scoring rubric to assess the quality of performance across a number of criteria or tasks. To add a scoring rubric to your evaluation form, view our step-by-step guide and free examples of a rubric integration for different JS frameworks, including JavaScript.
framework: jQuery
source: https://surveyjs.io/form-library/examples/scoring-rubric-example/jquery
index: https://surveyjs.io/form-library/examples/overview.md
---

# Scoring Rubric (jQuery)

A scoring rubric (also known as an evaluation rubric) is an assessment tool used to grade the quality of performance across a number of criteria (or tasks). A typical summary rubric consists of rows and columns. The rows represent criteria being assessed, and the columns represent different levels of proficiency or achievement within each criterion. Each cell contains a description of a particular level for a specific criterion. This demo shows how to create a scoring rubric using the SurveyJS Form Library.

To add a scoring rubric to your form, define an object with the `type` property set to `"matrix"` and insert this object into the [`elements`](https://surveyjs.io/form-library/documentation/api-reference/page-model#elements) array. Within this object, specify the following properties:

- [`rows`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#rows)        
An array of rubric criteria.
- [`columns`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#columns)     
An array of performance levels.
- [`cells`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#cells)       
An object that specifies descriptions of each level per rubric criteria.

Refer to the `survey.json` file listing for a code example.

## Files

### `public/index.html`

```html
<div id="surveyElement" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 100%; height:100%"></div>
```

### `src/index.css`

```css
.sd-matrix__text {
    font-size: 11px;
}
```

### `src/index.js`

```js
import $ from "jquery";
import { Model } from "survey-core";
import "survey-js-ui";
import "survey-core/survey-core.min.css";
import "./index.css";
import { json } from "./json";

const survey = new Model(json);
survey.onComplete.add((sender, options) => {
    console.log(JSON.stringify(sender.data, null, 3));
});
survey.onTextMarkdown.add((_, options) => {
    options.html = options.text;
});

$("#surveyElement").Survey({ model: survey });
```

### `src/json.js`

```js
export const json = {
  "elements": [
    {
      "type": "matrix",
      "name": "planningPerformance",
      "title": "Purposeful lesson planning (Performance appraisal)",
      "columnMinWidth": "170px",
      "alternateRows": true,
      "columns": [
        "Ineffective",
        "Improvement necessary",
        "Effective",
        "Highly effective"
      ],
      "rows": [
        {
          "value": "dataForPlanning",
          "text": "Teacher utilizes assessment data for planning"
        },
        {
          "value": "ambitiousGoals",
          "text": "Teacher develops ambitious and measurable achievement goals"
        },
        {
          "value": "standardBasedPlanning",
          "text": "Teacher develops standard-based unit plans and assessments"
        },
        {
          "value": "objectiveDrivenPlanning",
          "text": "Teacher creates objective-driven lesson plans and assessments"
        }
      ],
      "cells": {
        "dataForPlanning": {
          "Ineffective": "Teacher rarely or never uses formal and informal assessment data when planning",
          "Improvement necessary": "Teacher uses formal and informal assessment data to formulate achievement goals, unit plans, or lesson plans, but not all of the above",
          "Effective": "Teacher uses formal and informal assessment data to formulate achievement goals, unit plans, and lesson plans",
          "Highly effective": "Teacher uses formal and informal assessment data to formulate achievement goals, unit plans, and lesson plans and incorporates differentiated instructional strategies in planning to reach every student at their level of understanding"
        },
        "ambitiousGoals": {
          "Ineffective": "Teacher rarely or never develops achievement goals for the class, or goals are developed but are too general to be helpful for planning purposes",
          "Improvement necessary": "Teacher develops an annual student achievement goal that lacks more than one of the following traits: <ul><li>Measurable</li><li>Aligned to content standards where applicable</li><li>Includes benchmarks to help monitor learning and inform interventions throughout the year</li></ul>",
          "Effective": "Teacher develops an annual student achievement goal that lacks only one of the following traits: <ul><li>Measurable</li><li>Aligned to content standards where applicable</li><li>Includes benchmarks to help monitor learning and inform interventions throughout the year</li></ul>",
          "Highly effective": "Teacher develops an annual student achievement goal that have all of the following traits: <ul><li>Measurable</li><li>Aligned to content standards where applicable</li><li>Includes benchmarks to help monitor learning and inform interventions throughout the year</li></ul>"
        },
        "standardBasedPlanning": {
          "Ineffective": "Teacher rarely or never plans by identifying content standards that students will master in each unit, or there is little to no evidence that teacher plans units at all",
          "Improvement necessary": "Based on achievement goals, teacher plans units but omits two or more of the following steps: <ul><li>Identifying content standards that students will master in each unit</li><li>Creating assessments before planning units</li><li>Allocating an instructionally appropriate amount of time for each unit</li></ul>",
          "Effective": "Based on achievement goals, teacher plans units but omits only one of the following steps: <ul><li>Identifying content standards that students will master in each unit</li><li>Creating assessments before planning units</li><li>Allocating an instructionally appropriate amount of time for each unit</li></ul>",
          "Highly effective": "Based on achievement goals, teacher plans units by following the steps below: <ul><li>Identifying content standards that students will master in each unit</li><li>Creating assessments before planning units</li><li>Allocating an instructionally appropriate amount of time for each unit</li></ul>"
        },
        "objectiveDrivenPlanning": {
          "Ineffective": "Teacher rarely or never uses a system to track student assessment/progress data and/or has an ineffective grading system",
          "Improvement necessary": "Teacher uses a data tracking system to record student assessment / progress data but fails in both of the following steps: <ul><li>Use data to analyze student progress toward mastery or to plan future lessons / units</li><li>Have a grading system that appropriately aligns with student learning goals</li></ul>",
          "Effective": "Teacher uses a data tracking system to record student assessment / progress data but fails in one of the following steps: <ul><li>Use data to analyze student progress toward mastery or to plan future lessons / units</li><li>Have a grading system that appropriately aligns with student learning goals</li></ul>",
          "Highly effective": "Teacher uses a data tracking system to record student assessment / progress data, maintains a grading system appropriately aligns with student learning goals, and uses data to analyze student progress toward mastery or to plan future lessons / units"
        }
      }
    }
  ]
};
```

### `src/theme.js`

```js
export const themeJson = {};
```

### `package.json`

```json
{
  "dependencies": {
    "jquery": "latest",
    "survey-core": "latest",
    "survey-js-ui": "latest"
  }
}
```

## Other Frameworks

- [Angular](https://surveyjs.io/form-library/examples/scoring-rubric-example/angular.md)
- [React](https://surveyjs.io/form-library/examples/scoring-rubric-example/reactjs.md)
- [Vue 3](https://surveyjs.io/form-library/examples/scoring-rubric-example/vue3js.md)
- [Vanilla JS](https://surveyjs.io/form-library/examples/scoring-rubric-example/vanillajs.md)