MRRI

以前、STEP1～STEP5の質問に４択で答えていき、その結果によって改善策動画を表示させたいというご依頼がありました。

STEP1から順番に答えられるように、JQueryを使用して前の質問に答える次の質問が表示される仕様にし、改善策動画と共にSTEP1～STEP5の結果をレーザーチャートで表示するようにしました。

レーザーチャートはChart.js を使用しました。
http://www.chartjs.org/

チャートを使用することで点数が低かったところ高かったところが可視化できてわかりやすくなります。

文字だけではなかなか内容が入ってこないこともあるので、パッと見ただけで理解できる工夫は必要だと考えています。