jbradar v0.0.9

radar SVG component

A web component to render a radar chart.

Getting Started

Include the following in the section of your HTML document:

  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src='https://unpkg.com/jbradar@0.0.7/dist/myname.js'></script>

Then in the body of your HTML you can use the custom element. For example:

<div>
  <p>Radar test</p>
  <app-radar smetadata='{
    "labels": [ { "label": "January"}, { "label": "February"}, { "label": "March"}, { "label": "April"}, { "label": "May"}],
    "title":"Radar",
    "axis": false,
    "ymax": 100,
    "chartColour": "red",
    "axesColour": "white",
    "axesFontSize": "1.0em",
    "backgroundColour": "#808080",
    "titleColour": "white"
  }' sdata="[50,80,40,70,35]"></app-radar>
</div>