Fx-chart NPM | npm.io

fx-chart

fx-chart는 D3.js를 기반으로 한 강력하고 유연한 차트 라이브러리입니다. 다양한 차트 유형을 지원하며, 사용자 정의가 용이한 인터페이스를 제공합니다.

특징

D3.js 기반의 고성능 차트 렌더링
다양한 차트 유형 지원 (라인, 바, 파이, 스캐터 등)
반응형 디자인으로 모바일 환경 지원
사용자 정의 가능한 스타일링 옵션
애니메이션 효과 지원

설치

npm을 사용하여 fx-chart를 설치할 수 있습니다:

npm install fx-chart

사용법

fx-chart를 사용하는 기본적인 예제입니다:

"use client";

import { Bar } from "fx-chart";

export default function App() {
    return (
        <div>
            <Bar
                data={[
                    { key: "H1", value: 1 },
                    { key: "H2", value: 2 },
                    { key: "H3", value: 2 },
                    { key: "H4", value: 2 },
                    { key: "H5", value: 2 },
                ]}
            />
        </div>
    );
}