JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/dc/1.7.0/dc.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.12/crossfilter.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/dc/1.7.0/dc.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<body>
    <div class="jumbotron text-center">
         <h1>Chart.js Polar Area in a DC Chart Group</h1>

         <h3>Using Data pulled from Zepfanman's movie spreadsheet about Hayao Miyazaki films</h3>

    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-6 text-center">
                 <h2>Miyazaki's Films Grouped by IMDb Rating</h2>

                <canvas id="intakeChart" width="400" height="400"></canvas>
            </div>
            <div class="col-md-6 text-center">
                 <h2>Miyazaki's Films Grouped by IMDb Votes</h2>

                <div id="votes-chart"></div>
            </div>
        </div>
    </div>
    <div class="jumbotron"></div>
    <!--adding all of my dependencies here -->
    <script src="../src/chart.dc.PolarArea.js"></script>
    <script>
        
    </script>
</body>

</html>

JavaScript

/*=== Chart extension copied from https://github.com/nsubordin81/Chart.dc.js========
 *   Chart.dc.js v. 0.1.0
 *
 *   The MIT License (MIT)
 *
 *   Copyright (c) 2015 Taylor Bird
 *
 *   Permission is hereby granted, free of charge, to any person obtaining a copy
 *   of this software and associated documentation files (the "Software"), to deal
 *   in the Software without restriction, including without limitation the rights
 *   to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *   copies of the Software, and to permit persons to whom the Software is
 *   furnished to do so, subject to the following conditions:
 *
 *   The above copyright notice and this permission notice shall be included in
 *   all copies or substantial portions of the Software.
 *
 *   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *   IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *   AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *   LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *   THE SOFTWARE.
 *
 */ (function () {
    "use strict";

    var root = this,
        Chart = root.Chart,
        dc = root.dc,
        helpers = Chart.helpers,
        //class for data structure that manages filters as they relate to chart segments. This should probably be generalized to chart elements of all kinds.
        FilterManager = function (segmentList) {

            //private member variable
            var filterMap = [];

            //constructor
            //accepts a list of SegmentArcs that have had the extra properties added to them
            for (var i = 0; i < segmentList.length; i++) {
                add(segmentList[i].segmentID);
            }

            //private methods
           ...