Greetings,
I'm trying to design a survey that measures public estimates (e.g. what percent of the population is 
of the prevalence of different phenomena. My goal is to see whether correcting misestimates has downstream effects on relevant policy attitudes. Initially, my idea was just to randomly assign participants to view a 'correct answers page', which would consist of a graphic (via the Text/Graphic type) displaying the true figures they were initially asked to estimate. But now I'm thinking it would be better to show the true figures vs. the respondents' initial estimates, so that respondents can gain a better appreciation of how 'off' or accurate their estimates were.
Question: is something like this achievable with JavaScript or CSS in Qualtrics? Do any of you have any suggestions as to how to approach this? Thanks in advance for your time.
You can easily use Google charts to show such visualization in qualtrics. Demo of the same.
Hi rondev. Thanks for the reply. I'm specifically interested in displaying to respondents their inputted answers vs. the correct answers. I'm not sure how this can be done from the Demo you shared. Is there any additional literature you can share with me? Thanks!
It could be as simple as an html table with piped values:
| Your Estimate | Actual | |
|---|---|---|
| Item 1 | ${pipe for Item 1 estimate} | Item 1 actual |
You can use the class estAct to style the table and its descendants with CSS.
For a graphic, you could use Ron's suggestion and pipe the values into the JS.
Hey Tom,
Thanks for the reply. I'm a novice with this kind of stuff. What exactly goes into '(pipe for Item 1 estimate)'? Or perhaps the question I mean to ask is how to locate the 'pipes' in which respondents' estimates are stored (?). For instance, consider a 'slider' item in which respondents are asked to estimate the share of the US population that is 'married'. How do I find/connect those values (as inputted by the sliding scale) to the table so that respondents are shown their initial estimates (leaving aside the correct figures for now)?
Update: I figured out how to load the piped values into a table. Now I just need to figure out how to load them (ideally) into a Google chart. Can you point me in the right direction? Thanks again for your help!
Pipe the values into the JS inside quotes. For example:
var x = "${q://QIDx/xyz}";
If the JS expects a number:
var x = Number("${q://QIDx/xyz}");
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.