Skip to content

nkia-development/hexagon-chart

Repository files navigation

Hexagon-Chart

Hexagon-Chart is a React component that renders data in a hexagon shape. It supports various options for representing data and is very easy to use.

Features

  • Simple Integration: Easily integrate into any React project.
  • Customizable: Supports a wide range of customization options to fit your needs.
  • Responsive Design: Automatically adjusts to fit different screen sizes.
  • Interactive: Provides interactive features such as tooltips and hover effects.
  • Performance: Optimized for performance to handle large datasets efficiently.

Installation

Install the package using npm or yarn:

npm install hexagon-chart

or

yarn add hexagon-chart

Examples

Live Playground For examples of Hexagon-Chart in action, visit https://nkia-development.github.io/hexagon-chart

Or, run the demo storybook on your computer:

git clone https://github.com/nkia-development/hexagon-chart
npm install
npm run storybook

HexagonChart

alt text

import { HexagonChart } from "hexagon-chart";

const MyComponent = () => {
  const data = [];
  const option = {};

  return <HexagonChart data={data} option={option} />;
};

PieHexagonChart

alt text

import { PieHexagonChart } from "hexagon-chart";

const MyComponent = () => {
  const data = [];
  const option = {};

  return <PieHexagonChart data={data} option={option} />;
};

Contributing

See CONTRIBUTING for details on submitting patches and the contribution workflow.

Nkia has adopted a Code of Conduct that we expect project participants to adhere to. Please read the full text so that you can understand what actions will and will not be tolerated.

Contributors

contributors

License

Hexagon-chart is MIT licensed.