Radar Chart - Update Values

Basic Radar chart layout code can be found here : /nbremer/6506614

The purpose of this block is to explore the ability to update an elements value on a radar chart. This makes the radar chart both an input and visualization element.

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <title>Radar Chart - Update Polygon</title>

body .edit-btn {
      position: absolute;
      left: 100px;
      top: 50px;
      height: 20px;
      background-color: #a8a8a8;
      color: white;
      border-radius: 40px;
      padding: 8px 16px 7px 13px;
      cursor: default;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      opacity: 1;
      visibility: visible;
    }

/* line 271, ../sass/radarChart.scss */
    #chart {
      position: absolute;
      left: 100px;
    }

/* line 493, ../sass/radarChart.scss */
    .yaxis, .xaxis {
      font: 10px sans-serif;
      width: 100px;
    }

/* line 498, ../sass/radarChart.scss */
    .yaxis path,
    .yaxis line,
    .yaxis tick {
      fill: none;
      stroke: black;
      shape-rendering: crispEdges;
    }

/* line 507, ../sass/radarChart.scss */
    .xaxis path,
    .xaxis line {
      fill: none;
      stroke: black;
      stroke-dasharray: 10,10;
      shape-rendering: crispEdges;
    }

body .update-value {
      position: absolute;
      left: 505px;
      top: 365px;
      width: 65px;
      height: 65px;
      background-color: #a8a8a8;
      color: white;
      border-radius: 50%;
      cursor: default;
      opacity: 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      z-index: 9;
  }

</style>

</head>
  <body>

Modified http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js to a secure url

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js

https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js