Platform maturity assessment prototype

This repo contains a basic prototype for a platform maturity assessment.

On answering the questions you get a spider diagram and a matrix to indicate where you are on a map right now.

You can copy the URL to share the form in its current state, for example this pre-filled form

When giving feedback please use these shareable URLs to help folks see what you see.

HTML requirements

The form requires a few items and conventions.

• Use a fieldset to group questions by categories.
• Use a suffix for each set of radio buttons.
• Use an integer value that matches the maturity level

<!-- Form with id of "maturity-form" -->
<form id="maturity-form">

<fieldset>
    <!--
        Legend with:
        data-category=[internal name of category - must match radio names]
        text: Display name for category
     -->
    <legend data-category="category">Display Name</legend>

    <label>
        <!--
            Radio with a name that matches the data-category with a numeric suffix, for example category_1, category_2.

            The value must be an integer.
        -->
        <input type="radio" name="category_1" value="1">
        Option display text
    </label>

</fieldset>

</form>

For the output, you need the following:

<canvas id="maturity-spider"></canvas>
<table id="maturity-matrix"></table>
<div id="maturity-scores" class="scores"></div>