Skip to content

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.

Notifications You must be signed in to change notification settings

bcostaaa01/radar-scope-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

npm downloads

package version

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.

About

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.

Resources

Stars

Watchers

Forks

Packages

No packages published