Skip to content

Tiggilyboo/radial-plot-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Radial Plot JS

Plot data around a circle, with configurable axis', scales, legends and styles.

Screenshot

How To

Add the script to your <head></head> via: <script src="radial.min.js"></script>

Add you plot configuration

(new RadialPlot()).render(
  [
    "Data Set 1",
    "Data Set 2",
    "Data Set 3",
    "Data Set 4",
    "Data Set 5",
  ], 
  [
    new RadialPlotAxis("Chicken", 0, 20, [4, 13, 6, 8, 12]),
    new RadialPlotAxis("Beef", 0, 50, [4, 13, 6, 8, 12]),
    new RadialPlotAxis("Tortilini", 0, 35, [10, 11, 15, 12, 11]),
    new RadialPlotAxis("Crumpets", 0, 100, [54, 57, 32, 85, 72]),
    new RadialPlotAxis("Trampolines", 0, 100, [63, 51, 39, 53, 17]),
    new RadialPlotAxis("Keyboards", 0, 100, [59, 64, 45, 99, 79]),
    new RadialPlotAxis("Vegitables", 0, 100, [13, 5, 45, 89, 100]),
  ],
);

RadialPlotAxis accepts the following parameters:

  • Caption, Minimum value, Maximum value, Values For each number in values, you shoul have an associated legend for the plot.