Protobi

← All blog posts View post

<p><link href="/stylesheets/protobi.css" rel="stylesheet"/></p>
<style>.stat-label { text-align: center; line-height: 14px; td}
 td.chart-row-title { display: inline-block; } </style>

<p>Protobi can show "net net" scores, subtracting one top-box score from another.</p>
<p>Top-box scores are useful to summarize answers on ratings scales.
For scales that are bi-directional, it can be interesting to subtract 
one top-box score from another to get a single measure of balance.</p>
<p>In the example, below, respondents were asked their perceptions of different brands.
The table shows thet net favorable, the net unfavorable, and the "net net", 
often called the "Net Promoter Score" or NPS: </p>
<div class="protobi app" style="overflow-y: visible">
<div class="element resizable  primary page-break-avoid nowrap " data-id="q7" id="q7"><div class="heading"><div class="title hint--info hint--top hint--rounded hint--wrap" data-hint="Drag an element here to create a crosstab"><div class="icon-menu icon-field icon-group" style="background: forestgreen;"></div><div class="pill primary" draggable="true" data-key="q7" style="max-width: 668px;">Q7 Brand perceptions</div></div><div class="notes-icon empty"><div class="hint hint--info hint--rounded hint--top" data-hint="Notes..."><i class="far fa-comments"></i></div></div></div><div class="subheading" style="max-width: 708px; width: 708px;"><div class="headline"></div><div class="description">Would you say your overall opinion of [INSERT BRAND] is ...? </div></div><div class="content"><table class="chart-content pptx show-bars" style="border: 1px dashed white; width: 708px;"><thead class="legend"><tr class="chart-legend-row" style="white-space: nowrap; margin-top: 10px;"><th class="chart-row-title" style="display: inline-block; width: 133px;"></th><td style="display: inline-block; width: 71.6px; min-width: 71.6px; max-width: 71.6px;"><div class="chart-legend-symbol sortable" style="background-color: forestgreen;"></div></td><td style="display: inline-block; width: 71.6px; min-width: 71.6px; max-width: 71.6px;"><div class="chart-legend-symbol sortable" style="background-color: rgb(153, 187, 102);"></div></td><td style="display: inline-block; width: 71.6px; min-width: 71.6px; max-width: 71.6px;"><div class="chart-legend-symbol sortable" style="background-color: rgb(204, 204, 204);"></div></td><td style="display: inline-block; width: 71.6px; min-width: 71.6px; max-width: 71.6px;"><div class="chart-legend-symbol sortable" style="background-color: rgb(255, 170, 0);"></div></td><td style="display: inline-block; width: 71.6px; min-width: 71.6px; max-width: 71.6px;"><div class="chart-legend-symbol sortable" style="background-color: orangered;"></div></td><th class="chart-legend-row first" style="display: inline-block; width: 71.6667px; max-width: 71.6667px;"></th><th class="chart-legend-row" style="display: inline-block; width: 71.6667px; max-width: 71.6667px;"></th><th class="chart-legend-row" style="display: inline-block; width: 71.6667px; max-width: 71.6667px;"></th></tr><tr class="chart-legend-row" style="height: 60px; display: inline-block;"><td class="chart-row-title sortable" style="display: inline-block; width: 133px; vertical-align: top; height: 60px;"></td><td class="legend-label truncate sortable" title="Very favorable" style="display: inline-block; width: 71.6px; height: 60px; text-align: left; overflow-wrap: break-word; overflow-y: hidden;">Very favorable</td><td class="legend-label truncate sortable" title="Mostly favorable" style="display: inline-block; width: 71.6px; height: 60px; text-align: center; overflow-wrap: break-word; overflow-y: hidden;">Mostly favorable</td><td class="legend-label truncate sortable" title="Unsure" style="display: inline-block; width: 71.6px; height: 60px; text-align: center; overflow-wrap: break-word; overflow-y: hidden;">Unsure</td><td class="legend-label truncate sortable" title="Mostly unfavorable" style="display: inline-block; width: 71.6px; height: 60px; text-align: center; overflow-wrap: break-word; overflow-y: hidden;">Mostly unfavorable</td><td class="legend-label truncate sortable" title="Very unfavorable" style="display: inline-block; width: 71.6px; height: 60px; text-align: right; overflow-wrap: break-word; overflow-y: hidden;">Very unfavorable</td><th class="stat-label truncate sortable first" data-orderby="1,2" foo="bar" style="display: inline-block; width: 66.6667px; max-width: 71.6667px; height: 60px; overflow-wrap: break-word; white-space: normal; overflow-y: hidden;">Net favorable</th><th class="stat-label truncate sortable" data-orderby="3,4" foo="bar" style="display: inline-block; width: 66.6667px; max-width: 71.6667px; height: 60px; overflow-wrap: break-word; white-space: normal; overflow-y: hidden;">Net un-favorable</th><th class="stat-label truncate sortable" data-orderby="[object Object]" foo="bar" style="display: inline-block; width: 66.6667px; max-width: 71.6667px; height: 60px; overflow-wrap: break-word; white-space: normal; overflow-y: hidden;">Net <br/>net</th></tr></thead><tbody><tr class="chart-row inline horizontal" data-dim-key="q7a" id="q7a" foo="false" style="height: 26.5px; min-height: 26.5px; line-height: 26.5px; vertical-align: middle;"><td class="chart-row-title inline truncate hint hint--info hint--top hint--rounded hint--wrap" data-hint="Brand A" fruit="" style="width: 133px; max-width: 133px; min-width: 133px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle; overflow-wrap: break-word; white-space: normal; overflow-y: hidden;"><span class="ppt-text pill" data-key="q7a">Brand A</span></td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7a" column-width="71.6" data-hint="Value: Very favorable
Percent: 7%
Freq: 97" data-row-height="26.5" foo="qix" style="text-align: left; width: 23.4635px; min-width: 23.4635px; max-width: 23.4635px; background-color: forestgreen; padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;"> 7%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7a" column-width="71.6" data-hint="Value: Mostly favorable
Percent: 25%
Freq: 375" data-row-height="26.5" foo="qix" style="text-align: center; width: 90.7095px; min-width: 90.7095px; max-width: 90.7095px; background-color: rgb(153, 187, 102); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">25%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7a" column-width="71.6" data-hint="Value: Unsure
Percent: 8%
Freq: 117" data-row-height="26.5" foo="qix" style="text-align: center; width: 28.3014px; min-width: 28.3014px; max-width: 28.3014px; background-color: rgb(204, 204, 204); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">8%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7a" column-width="71.6" data-hint="Value: Mostly unfavorable
Percent: 33%
Freq: 488" data-row-height="26.5" foo="qix" style="text-align: center; width: 118.043px; min-width: 118.043px; max-width: 118.043px; background-color: rgb(255, 170, 0); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">33%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7a" column-width="71.6" data-hint="Value: Very unfavorable
Percent: 27%
Freq: 403" data-row-height="26.5" foo="qix" style="text-align: right; width: 97.4824px; min-width: 97.4824px; max-width: 97.4824px; background-color: orangered; padding-left: 0px; padding-right: 2px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">27%</td><span class="chart-row-stats" style="float: right;"><td class="chart-row-stat first selectable" val-key="1,2" data-dim-key="q7a" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">32%</td><td class="chart-row-stat selectable" val-key="3,4" data-dim-key="q7a" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">60%</td><td class="chart-row-stat selectable" val-key="[object Object]" data-dim-key="q7a" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">-28%</td></span></tr><tr class="chart-row inline horizontal" data-dim-key="q7b" id="q7b" foo="false" style="height: 26.5px; min-height: 26.5px; line-height: 26.5px; vertical-align: middle;"><td class="chart-row-title inline truncate hint hint--info hint--top hint--rounded hint--wrap" data-hint="Brand B" fruit="" style="width: 133px; max-width: 133px; min-width: 133px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle; overflow-wrap: break-word; white-space: normal; overflow-y: hidden;"><span class="ppt-text pill" data-key="q7b">Brand B</span></td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7b" column-width="71.6" data-hint="Value: Very favorable
Percent: 9%
Freq: 138" data-row-height="26.5" foo="qix" style="text-align: left; width: 33.3811px; min-width: 33.3811px; max-width: 33.3811px; background-color: forestgreen; padding-left: 2px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;"> 9%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7b" column-width="71.6" data-hint="Value: Mostly favorable
Percent: 32%
Freq: 470" data-row-height="26.5" foo="qix" style="text-align: center; width: 113.689px; min-width: 113.689px; max-width: 113.689px; background-color: rgb(153, 187, 102); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">32%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7b" column-width="71.6" data-hint="Value: Unsure
Percent: 7%
Freq: 110" data-row-height="26.5" foo="qix" style="text-align: center; width: 26.6081px; min-width: 26.6081px; max-width: 26.6081px; background-color: rgb(204, 204, 204); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">7%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7b" column-width="71.6" data-hint="Value: Mostly unfavorable
Percent: 28%
Freq: 410" data-row-height="26.5" foo="qix" style="text-align: center; width: 99.1757px; min-width: 99.1757px; max-width: 99.1757px; background-color: rgb(255, 170, 0); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">28%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7b" column-width="71.6" data-hint="Value: Very unfavorable
Percent: 24%
Freq: 352" data-row-height="26.5" foo="qix" style="text-align: right; width: 85.1459px; min-width: 85.1459px; max-width: 85.1459px; background-color: orangered; padding-left: 0px; padding-right: 2px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">24%</td><span class="chart-row-stats" style="float: right;"><td class="chart-row-stat first selectable" val-key="1,2" data-dim-key="q7b" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">41%</td><td class="chart-row-stat selectable" val-key="3,4" data-dim-key="q7b" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">51%</td><td class="chart-row-stat selectable" val-key="[object Object]" data-dim-key="q7b" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">-10%</td></span></tr><tr class="chart-row inline horizontal" data-dim-key="q7c" id="q7c" foo="false" style="height: 26.5px; min-height: 26.5px; line-height: 26.5px; vertical-align: middle;"><td class="chart-row-title inline truncate hint hint--info hint--top hint--rounded hint--wrap" data-hint="Brand C" fruit="" style="width: 133px; max-width: 133px; min-width: 133px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle; overflow-wrap: break-word; white-space: normal; overflow-y: hidden;"><span class="ppt-text pill" data-key="q7c">Brand C</span></td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7c" column-width="71.6" data-hint="Value: Very favorable
Percent: 6%
Freq: 83" data-row-height="26.5" foo="qix" style="text-align: left; width: 20.077px; min-width: 20.077px; max-width: 20.077px; background-color: forestgreen; padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;"> 6%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7c" column-width="71.6" data-hint="Value: Mostly favorable
Percent: 41%
Freq: 614" data-row-height="26.5" foo="qix" style="text-align: center; width: 148.522px; min-width: 148.522px; max-width: 148.522px; background-color: rgb(153, 187, 102); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">41%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7c" column-width="71.6" data-hint="Value: Unsure
Percent: 14%
Freq: 200" data-row-height="26.5" foo="qix" style="text-align: center; width: 48.3784px; min-width: 48.3784px; max-width: 48.3784px; background-color: rgb(204, 204, 204); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">14%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7c" column-width="71.6" data-hint="Value: Mostly unfavorable
Percent: 25%
Freq: 371" data-row-height="26.5" foo="qix" style="text-align: center; width: 89.7419px; min-width: 89.7419px; max-width: 89.7419px; background-color: rgb(255, 170, 0); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">25%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7c" column-width="71.6" data-hint="Value: Very unfavorable
Percent: 14%
Freq: 212" data-row-height="26.5" foo="qix" style="text-align: right; width: 51.2811px; min-width: 51.2811px; max-width: 51.2811px; background-color: orangered; padding-left: 0px; padding-right: 2px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">14%</td><span class="chart-row-stats" style="float: right;"><td class="chart-row-stat first selectable" val-key="1,2" data-dim-key="q7c" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">47%</td><td class="chart-row-stat selectable" val-key="3,4" data-dim-key="q7c" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">39%</td><td class="chart-row-stat selectable" val-key="[object Object]" data-dim-key="q7c" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">8%</td></span></tr><tr class="chart-row inline horizontal" data-dim-key="q7d" id="q7d" foo="false" style="height: 26.5px; min-height: 26.5px; line-height: 26.5px; vertical-align: middle;"><td class="chart-row-title inline truncate hint hint--info hint--top hint--rounded hint--wrap" data-hint="Brand D" fruit="" style="width: 133px; max-width: 133px; min-width: 133px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle; overflow-wrap: break-word; white-space: normal; overflow-y: hidden;"><span class="ppt-text pill" data-key="q7d">Brand D</span></td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom too-small ppt-text" fruit="" data-dim-key="q7d" column-width="71.6" data-hint="Value: Very favorable
Percent: 3%
Freq: 41" data-row-height="26.5" foo="qix" style="text-align: left; width: 9.91757px; min-width: 9.91757px; max-width: 9.91757px; background-color: forestgreen; padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;"> 3%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7d" column-width="71.6" data-hint="Value: Mostly favorable
Percent: 16%
Freq: 232" data-row-height="26.5" foo="qix" style="text-align: center; width: 56.1189px; min-width: 56.1189px; max-width: 56.1189px; background-color: rgb(153, 187, 102); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">16%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7d" column-width="71.6" data-hint="Value: Unsure
Percent: 9%
Freq: 126" data-row-height="26.5" foo="qix" style="text-align: center; width: 30.4784px; min-width: 30.4784px; max-width: 30.4784px; background-color: rgb(204, 204, 204); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">9%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7d" column-width="71.6" data-hint="Value: Mostly unfavorable
Percent: 37%
Freq: 552" data-row-height="26.5" foo="qix" style="text-align: center; width: 133.524px; min-width: 133.524px; max-width: 133.524px; background-color: rgb(255, 170, 0); padding-left: 0px; padding-right: 0px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">37%</td><td class="chart-value show-bars pptx selectable hint--info hint--rounded hint--bottom ppt-text" fruit="" data-dim-key="q7d" column-width="71.6" data-hint="Value: Very unfavorable
Percent: 36%
Freq: 529" data-row-height="26.5" foo="qix" style="text-align: right; width: 127.961px; min-width: 127.961px; max-width: 127.961px; background-color: orangered; padding-left: 0px; padding-right: 2px; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">36%</td><span class="chart-row-stats" style="float: right;"><td class="chart-row-stat first selectable" val-key="1,2" data-dim-key="q7d" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">18%</td><td class="chart-row-stat selectable" val-key="3,4" data-dim-key="q7d" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">73%</td><td class="chart-row-stat selectable" val-key="[object Object]" data-dim-key="q7d" style="display: inline-block; width: 66.6667px; max-width: 66.6667px; text-align: center; line-height: 26.5px; height: 26.5px; min-height: 26.5px; vertical-align: middle;">-55%</td></span></tr></tbody></table><div class="icon-chart-properties hint--info hint--rounded hint--top" data-hint="Edit chart "><i class="fa fa-cog" aria-hidden="true"></i></div><div class="margin" style="position: absolute; inset: 80px 215px 0px 135px; background: none; opacity: 0.8;"></div><div class="margin" style="position: absolute; inset: 80px 215px 0px 135px; background: none; opacity: 0.8;"></div><div class="resize-handle"></div><div class="margin" style="position: absolute; inset: 80px 215px 0px 135px; background: none; opacity: 0.8;"><div class="margin-handle" style="width: 1px; height: 1px; position: absolute; top: 0px; left: 0px;"></div><div class="margin-handle" style="width: 1px; height: 1px; position: absolute; bottom: 0px; right: 0px; z-index: 15000;"></div></div></div><div class="footer footnote"></div><div class="error"></div></div>
</div>

<p>Political surveys often show similar net net scores contrasting the percent of voters
who are strongly or somewhat in favor of one candidate vs those strongly or somewhat 
in favor of another.</p>

<h2 id="how-to-show-top-box-and-net-net-scores-in-protobi">How to show top-box and net-net scores in Protobi</h2>
<p>To add top-box and net-net scores, press the edit icon for an element or group
and select "Statistics..." from the context menu.  In the Statistics dialog:
vi </p>
<ul>
<li>For a top-box score enter  scale values separated by commas, e.g.  <code>1,2</code> or <code>[1,2]</code>.</li>
<li>For a net net score, separate groups by a minus sign,  <br/> 
e.g. <code>1,2-3,4</code> or <code>[1,2]-[3,4]</code></li>
</ul>
<p>You can give them optional labels below:</p>
<p><img src="/images/blog/2021-02-17-net-net/stats.png" width=300 style="display: block; margin: 0 auto"/></p>

Date

Status

Slug edit

Thumbnail

Categories Manage