JSFiddle - React, Tailwind, and code Playground

by ramnathv

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="https://rawgithub.com/square/crossfilter/v1.3.2/crossfilter.min.js"></script>
<script src="https://rawgithub.com/deanmalmgren/catcorrjs/master/catcorr.min.js"></script>
<script src="https://rawgithub.com/Caged/d3-tip/master/d3.tip.min.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/deanmalmgren/catcorrjs/master/catcorr.css">
<div id="example"></div>

JavaScript

var cccharte1c28f69bc1 = catcorr("#example", {
"questions": [
 {
 "number":      1,
"type": "outcome",
"text": "Which came first?",
"choices": [ "Chicken", "Egg" ] 
},
{
 "number":      2,
"type": "outcome",
"text": "Do you hit the snooze button?",
"choices": [ "No", "Yes" ] 
},
{
 "number":      3,
"type": "outcome",
"text": "If I was a zombie, I would...",
"choices": [ "preferentially chase small children.", "seek out police officers and others with shotguns.", "learn to drive stick." ] 
},
{
 "number":      4,
"type": "demographic",
"text": "What is your favorite day of the week?",
"choices": [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ] 
},
 {
 "number":      5,
"type": "demographic",
"text": "What is your gender?",
"choices": [ "Male", "Female"] 
},
{
 "number":      6,
"type": "outcome",
"text": "Age",
"choices": [ "Teenie bopper", "20-something", "Parent age", "Grandparent age" ] 
} 
],
"responses": [
 {
 "1": "Chicken",
"2": "Yes",
"3": "preferentially chase small children.",
"4": "Tuesday",
"5": "Male",
"6": "Parent age" 
},
{
 "1": "Egg",
"2": "No",
"3": "preferentially chase small children.",
"4": "Friday",
"5": "Male",
"6": "20-something" 
},
{
 "1": "Egg",
"2": "Yes",
"3": "learn to drive stick.",
"4": "Thursday",
"5": "Male",
"6": "Grandparent age" 
},
{
 "1": "Chicken",
"2": "No",
"3": "preferentially chase small children.",
"4": "Friday",
"5": "Male",
"6": "Parent age" 
},
{
 "1": "Chicken",
"2": "Yes",
"3": "learn to drive stick.",
"4": "Wednesday",
"5": "",
"6": "Teenie bopper" 
},
{
 "1": "Chicken",
"2": "Yes",
"3": "preferentially chase small children.",
"4": "Sunday",
"5": "Male",
"6": "Teenie bopper" 
},
{
 "1": "Chicken",
"2": "Yes",
"3": "preferentially chase small children.",
"4": "Sunday",
"5": "Male",
"6": "Teenie bopper" 
},
{
 "1": "Chicken",
"2": "Yes",
"3": "preferentially chase small children.",
"4": "Sunday",
"5": "Male",
"6": "Teenie bopper" 
},
{
 "1": "Chicken",
"2": "Yes",
"3":...