JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://underscorejs.org/underscore.js"></script>
<!---





     HubSpot Lunch Roulette
     by Adam Schwartz & Beth Dunn













-->
<p>HubSpot<span>Lunch Roulette</span><span id="result"></span><br/><span><!-- a href="https://docs.google.com/spreadsheet/viewform?formkey=dEFtZ2l2RHJzRjIwam5tMGZlcVZnZXc6MQ">Sign up to play &raquo;</a --></span></p>

CSS

/*





     HubSpot Lunch Roulette
     by Adam Schwartz & Beth Dunn




















*/


















html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    font-family: sans-serif;
    font-size: 100px;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 8));
    color: orange;
    font-weight: bold;
    text-shadow: 0px 1px #000, 0px 2px #000;
}

p {
    font-size: 40px;
    display: block;
    height: 320px;
    width: 700px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -200px;
}

span {
    font-size: 60px;
    display: block;
    color: #aaa;
}

#result {
    color: #eee;
}

b {
    font-weight: normal;
    opacity: 0.5;
}

a {
    text-decoration: none;
    color: inherit;
    font-size: 40px;
}

a:hover {
    color: orange;
}

a:active {
    color: darkOrange;
}

JavaScript

/*





     HubSpot Lunch Roulette
     by Adam Schwartz & Beth Dunn









































*/




var personel_data, department_map, randomized_departments, persons;

personel_data = [
/*
    
"Name, Department"
    
 */   
'Eric,Abbott,Engineering',
'Melissa,Abreu,Services',
'Hannah,Ackerman,Sales',
'Jason,Acunzo,Marketing',
'David,Adams,Customer Support',
'Mark,Afthim,G&A',
'Reza,Ahrabi,IT',
'Robert,Ainslie,Customer Support',
'Nick,Aldwin,Engineering',
'Leon,Alexandrou,Operations',
'Chris,Alexis,Sales',
'Chip,Allen,IT',
'Marc,Amigone,Services',
'Michael,Amirault,Engineering',
'Ted,Ammon,Sales',
'Nisha,Anand,Customer Support',
'Meghan,Anderson,Marketing',
'Alyssa,Antonell,G&A',
'Matt,Antonell,G&A',
'Frank,Antonucci,Sales',
'Kalena,Arjune,IT',
'Abhinav,Arora,Marketing',
'Bryan,Ash,Engineering',
'Frank,Auger,Services',
'Victoria,Aviles,Marketing',
'Samuel,Awezec,Customer Support',
'Michael,Axiak,Engineering',
'Andrew,Aylward,IT',
'Ashley,Backholm,Sales',
'Sana,Bakshi,Marketing',
'Brian,Balfour,Marketing',
'Ryan,Ball,Sales',
'Matthew,Ball,Engineering',
'Christiaan,Ballard,Sales',
'Camille,Barichello,Sales',
'Oliver,Baron,Services',
'Meigan,Barreira,G&A',
'Rob,Battaglia,Sales',
'Christopher,Battis,Services',
'Robert,Bauch,Engineering',
'Ryan,Beale,Sales',
'Corey,Beale,Sales',
'Bryan,Beaudreault,Engineering',
'Kyle,Beaudreault,Sales',
'Sarah,Bedrick,Services',
'Mark,Bell,IT',
'Sam,Belt,Sales',
'Catie,Bender,IT',
'Ryan,Berdeen,Engineering',
'Miles,Bergstrom,Marketing',
'Jillian,Berry,IT',
'Daniel,Bertschi,Customer Support',
'Al,Biedrzycki,Marketing',
'Matthew,Bilotti,Engineering',
'Pratik,Biswal,Sales',
'Zack,Bloom,Engineering',
'Lindsay,Bloom,Sales',
'Carolyn,Blout,Sales',
'Arkady,Blyakher,Engineering',
'Kipp,Bodnar,Marketing',
'Jeff,Boulter,Engineering',
'Joseph,Bourke,Sales',
'Tim,Bowen,Services',
'Alexis,Bradley,Services',
'Dominick,Branigan,Sales',
'Zachary,Breakstone,Customer...