Skip to content

Instantly share code, notes, and snippets.

@dsaffo
Last active March 30, 2021 19:02
Show Gist options
  • Save dsaffo/6088a586305b5d79e5b28fe996861d96 to your computer and use it in GitHub Desktop.
Save dsaffo/6088a586305b5d79e5b28fe996861d96 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="http://cmx.io/v/0.1/cmx.css"/>
<script src="http://cmx.io/v/0.1/cmx.js"></script>
<body>
<scene id="scene1">
<label t="translate(0,346)">
<tspan x="0" y="0em">1: Likert or Not</tspan>
</label>
<actor t="translate(131,49)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|5,97">
<bubble pose="6,-1|-14,9|-75,48|-2,43|-41,86|-111,119">
<tspan x="0" y="0em">Is collecting subjective</tspan>
<tspan x="0" y="1em">responses even important</tspan>
<tspan x="0" y="2em">for my analysis?</tspan>
<tspan x="0" y="5em">Should I do it anyways?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene2">
<drawing t="translate(0,31)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<label t="translate(0,346)">
<tspan x="0" y="0em">2: Subjective not Second Class</tspan>
</label>
<actor t="translate(65,13)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-37,98|-45,119|18,99|29,117">
<bubble pose="6,-1|-14,9|-19,48|33,73|-10,110|-41,153">
<tspan x="0" y="0em">I can summarize</tspan>
<tspan x="0" y="1em">subjective responses</tspan>
<tspan x="0" y="2em">with numbers!</tspan>
<tspan x="0" y="8em">You mean like...</tspan>
<tspan x="0" y="9em">statistics...</tspan>
</bubble>
</actor>
<actor t="translate(188,3)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-30,90|-5,83|7,91|-19,82">
<bubble pose="6,-1|-14,9|-57,16|11,55|-44,68|-64,110">
<tspan x="0" y="0em">Will you</tspan>
<tspan x="0" y="1em">treat them</tspan>
<tspan x="0" y="2em">like numbers?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3">
<label t="translate(0,346)">
<tspan x="0" y="0em">3: Devil in the details</tspan>
</label>
<drawing t="translate(0,31)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(65,13)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-13,82|5,61|4,82|21,87">
<bubble pose="6,-1|-14,9|-19,48|33,73|-10,110|-48,113">
<tspan x="0" y="0em">Average response is 4.8!</tspan>
<tspan x="0" y="6em">It's not obvious?</tspan>
</bubble>
</actor>
<actor t="translate(188,3)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-30,90|-37,105|7,91|7,112">
<bubble pose="6,-1|-13,0|-56,7|132,73|-7,63|-17,100">
<tspan x="0" y="0em">Great!? is</tspan>
<tspan x="0" y="1em">that good</tspan>
<tspan x="0" y="2em">or bad?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene4">
<label t="translate(0,346)">
<tspan x="0" y="0em">4: Keep it Simple</tspan>
</label>
<label t="translate(49,305)">
<tspan x="0" y="0em">Do you like my vis?</tspan>
</label>
<drawing t="translate(0,31)">
<line stroke="black">
<point x="10" y="250"></point>
<point x="240" y="250"></point>
</line>
</drawing>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(43,197)">
<tspan x="0" y="0em">4</tspan>
</bubble>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(90,195)">
<tspan x="0" y="0em">B</tspan>
</bubble>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(138,194)">
<tspan x="0" y="0em">3</tspan>
</bubble>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(189,195)">
<tspan x="0" y="0em">#&amp;</tspan>
</bubble>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(243,194)">
<tspan x="0" y="0em">S+</tspan>
</bubble>
<actor t="translate(128,30)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-27,85|-47,89|4,82|21,87">
<bubble pose="6,-1|-14,9|-19,48|25,26|-18,63|-27,72">
<tspan x="0" y="0em">4!</tspan>
<tspan x="0" y="3em">...or S+?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene5">
<label t="translate(0,346)">
<tspan x="0" y="0em">5: Be Precise</tspan>
</label>
<drawing t="translate(0,31)">
<line stroke="black">
<point x="10" y="250"></point>
<point x="240" y="250"></point>
</line>
</drawing>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(43,197)">
<tspan x="0" y="0em">1</tspan>
<tspan x="-10" y="-3em">Worst</tspan>
</bubble>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(90,195)">
<tspan x="0" y="0em">2</tspan>
</bubble>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(138,194)">
<tspan x="0" y="0em">3</tspan>
</bubble>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(189,195)">
<tspan x="0" y="0em">4</tspan>
</bubble>
<bubble pose="6,-1|-23,77|-28,98|-23,78|-24,98|-27,65" t="translate(243,194)">
<tspan x="0" y="0em">5</tspan>
<tspan x="-10" y="-3em">Best</tspan>
</bubble>
<actor t="translate(65,20)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-27,85|-24,105|4,82|2,103">
<bubble pose="6,-1|-14,9|-19,48|25,26|-18,63|-27,72">
<tspan x="0" y="0em">3 means</tspan>
<tspan x="0" y="1em">good?</tspan>
</bubble>
</actor>
<actor t="translate(189,22)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-27,85|-11,66|4,82|2,103">
<bubble pose="6,-1|2,4|27,26|-42,13|1,43|-33,64">
<tspan x="0" y="0em">3 means a</tspan>
<tspan x="0" y="1em">little bad</tspan>
</bubble>
</actor>
</scene>
<scene id="scene6">
<label t="translate(0,346)">
<tspan x="0" y="0em">6: Make it match</tspan>
</label>
</scene>
<scene id="scene7">
<label t="translate(0,346)">
<tspan x="0" y="0em">7: Pitfalls Plentiful</tspan>
</label>
<drawing t="translate(0,31) rotate(-1)" pose="2,-14">
<line stroke="green">
<point x="0" y="10"></point>
<point x="30" y="10"></point>
</line>
</drawing>
<drawing t="translate(0,45)" pose="50,-32">
<line stroke="green">
<point x="50" y="10"></point>
<point x="200" y="10"></point>
</line>
</drawing>
<actor t="translate(121,30) rotate(31)" pose="-11,9|-17,130|-11,99|-11,75|-9,75|-9,55|-14,30|-19,5|5,43|19,27|6,85|23,88|10,94|30,104">
<bubble pose="6,-1|16,-2|11,37|85,-1|42,36|26,44">
<tspan x="0" y="0em">p &lt; 0.001!</tspan>
</bubble>
</actor>
<actor t="translate(248,27) rotate(27)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-24,40|-34,16|-6,34|14,32|-38,100|-50,109|-40,88|-48,97">
<bubble pose="6,-1|19,3|-24,10|79,37|24,50|-24,86" t="rotate(-23)">
<tspan x="0" y="0em">Effect Size?</tspan>
<tspan x="0" y="1em">Confidence</tspan>
<tspan x="0" y="2em">Intervals?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene8">
<label t="translate(0,346)">
<tspan x="0" y="0em">8: Analyze All</tspan>
</label>
<drawing t="translate(15,-8) rotate(4)" pose="-9,44">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(82,23)" pose="-11,9|-9,138|-11,99|-11,75|-13,76|-13,56|-18,31|-23,6|-8,31|-3,6|-26,86|-12,75|3,85|-11,78">
<bubble pose="6,-1|-5,3|-10,42|36,39|-7,76|-42,106">
<tspan x="0" y="0em">People Like</tspan>
<tspan x="0" y="1em">My Visualization...</tspan>
</bubble>
</actor>
<actor t="translate(201,4)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-30,90|-45,96|-4,81|-2,66">
<bubble pose="6,-1|-3,2|8,26|-12,24|-20,43|-55,70">
<tspan x="0" y="0em">What else</tspan>
<tspan x="0" y="1em">did you ask?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene9">
<label t="translate(0,346)">
<tspan x="0" y="0em">9: Practically Parametric</tspan>
</label>
<drawing t="translate(15,-8) rotate(4)" pose="-9,44">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(82,23)" pose="-11,9|-20,132|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-39,98|-31,114|8,100|1,117">
<bubble pose="6,-1|-5,3|-10,42|36,39|-7,76|-42,106">
<tspan x="0" y="0em">Let's use</tspan>
<tspan x="0" y="1em">Wilcoxon</tspan>
<tspan x="0" y="6em">I know Wilcoxon</tspan>
</bubble>
</actor>
<actor t="translate(201,4)" pose="-11,9|-8,135|-11,99|-11,75|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,85|-29,94|-4,81|8,82">
<bubble pose="6,-1|-3,2|-39,31|24,24|-17,63|-61,99">
<tspan x="0" y="0em">We can get</tspan>
<tspan x="0" y="1em">more power</tspan>
<tspan x="0" y="2em">from a T-test</tspan>
</bubble>
</actor>
</scene>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment