<script src="../src/models/radar.js"></script>
<script src="../src/graphing/radar.js"></script>
<style>
- body {
- font: 11px 'Open Sans';
- }
- svg {
- padding: 20px;
- }
- svg circle:nth-child(1) {
- fill: #eaeaea;
- }
- svg circle:nth-child(2) {
- fill: #dadada;
- }
- svg circle:nth-child(3) {
- fill: #cacaca;
- }
- svg circle:nth-child(4) {
- fill: #bababa;
- }
- svg text.blip-text {
- font-size: 9px;
- font-style: italic;
- fill: #fff;
- }
- svg text.line-text {
- font-weight: bold;
- text-transform: uppercase;
- fill: #000;
- }
-
- svg text.tools,
- svg text.techniques,
- svg text.platforms,
- svg text.languages-frameworks {
- font-weight: bold;
- text-transform:uppercase;
- font-size: 16px;
- }
- svg line {
- stroke: rgba(255, 255, 255, 0.3);
- }
- svg circle.tools,
- svg circle.techniques,
- svg circle.platforms,
- svg circle.languages-frameworks,
- svg polygon.tools,
- svg polygon.techniques,
- svg polygon.platforms,
- svg polygon.languages-frameworks {
- stroke: #fff;
- }
- svg .tools { fill: #83AD78 }
- svg .techniques { fill: #3DB5BE }
- svg .platforms { fill: #E88744 }
- svg .languages-frameworks { fill: #8D2145 }
</style>
</head>
<body>