D3 Examples - final glyph

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/ >
        <title>Smoothed Radar Chart</title>
​
        <!-- Google fonts -->
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
​
        <!-- D3.js -->
        <script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
        <script src="https://d3js.org/d3-path.v1.min.js" charset="utf-8"></script>
        <script src="radarchart.js" charset="utf-8"></script>
    <script src="CreateGlyph.js" charset="utf-8"></script>
        <style>
            body {
                font-family: 'Open Sans', sans-serif;
                font-size: 11px;
                font-weight: 300;
                fill: #242424;
                text-align: center;
                text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
                cursor: default;
            }
​
            .legend {
                font-family: 'Raleway', sans-serif;
                fill: #333333;
            }
        </style>
    </head>
    <body>
        <div class="radarChart" style="display: inline-flex;"></div>
        
        <script>
            // Set-Up 
      
            var margin = { top: 50, right: 80, bottom: 50, left: 80 },
                width = Math.min(700, window.innerWidth / 4) - margin.left - margin.right,
                height = Math.min(width, window.innerHeight - margin.top - margin.bottom);
​
      
      
      
      
      
            // Data 
​
      d3.csv("all-joined-datasets-update.csv",function(data){ 
      
        CreateGlyph(data)
       
      
     
        
});
        </script>
    </body>
</html>
    