bcostaaa01 / radar-scope-js

Create stunning and dynamic radar charts with ease using RadarScope, the versatile open-source JavaScript library built with Chart.js. With customizable scales and multiple datasets support, bring your data to life with dynamic visuals.

RadarScopeJS 🔭

RadarScopeJS is an open-source JavaScript library for creating dynamic and customizable radar charts. With support for multiple datasets and adjustable scales, RadarScopeJS makes it easy to bring your data to life with stunning visuals.

Features 🚀

• Support for multiple datasets
• Customizable scales
• Dynamic and responsive charts
• Built with Chart.js

Getting Started 🚀

Installation

To install RadarScopeJS, simply run the following command:

npm install radar-scope-js

Usage

To use RadarScopeJS in your project, simply import the library into your JavaScript file(s) where you want to use it:

import { createRadarChart } from "radar-scope-js";

Then, you can use the library to create a radar chart, like this:

<div id="radar-chart-container"></div>

<script>
  const createRadarChart = require("radar-scope-js");

  const data = {
    labels: [
      "Eating",
      "Drinking",
      "Sleeping",
      "Designing",
      "Coding",
      "Cycling",
    ],
    datasets: [
      {
        label: "My First dataset",
        backgroundColor: "rgba(179,181,198,0.2)",
        borderColor: "rgba(179,181,198,1)",
        pointBackgroundColor: "rgba(179,181,198,1)",
        pointBorderColor: "#fff",
        pointHoverBackgroundColor: "#fff",
        pointHoverBorderColor: "rgba(179,181,198,1)",
        data: [65, 59, 90, 81, 56, 55],
      },
      {
        label: "My Second dataset",
        backgroundColor: "rgba(255,99,132,0.2)",
        borderColor: "rgba(255,99,132,1)",
        pointBackgroundColor: "rgba(255,99,132,1)",
        pointBorderColor: "#fff",
        pointHoverBackgroundColor: "#fff",
        pointHoverBorderColor: "rgba(255,99,132,1)",
        data: [28, 48, 40, 19, 96, 27],
      },
    ],
  };

  const options = {};

  const chartContainer = createRadarChart(data, options);
  document.getElementById("radar-chart-container").appendChild(chartContainer);
</script>

For more information on how to use RadarScopeJS, please see the documentation and examples included with the library.

Support and Contributions 💪

I welcome contributions and support from the community! If you're interested in contributing to RadarScopeJS, please do so!😀

If you need help with the library, you can open an issue on the GitHub repository.

License 📜

RadarScopeJS is open-source software licensed under the ISC License.