@pihanga2/graphin

Pihanga graphin card — network graph visualisation built on @antv/graphin

Part of the pihanga-shadcn card library.

Installation

npm install @pihanga2/graphin

Peer dependencies (already in your project if you use pihanga-shadcn):

npm install react react-dom @pihanga2/core

The following card-specific packages are installed automatically as dependencies:

• @antv/g
• @antv/g6
• @antv/graphin
• clsx
• lodash
• tailwind-merge
• class-variance-authority

Tailwind CSS

This package ships TypeScript source with Tailwind utility classes. Add it to your Tailwind content scan so the classes are included in your generated CSS.

Tailwind v4 (tailwind.css):

@source "../../node_modules/@pihanga2/graphin/dist-lib-graphin";

Tailwind v3 (tailwind.config.js):

module.exports = {
  content: ["./node_modules/@pihanga2/graphin/dist-lib-graphin/**/*.{js,jsx}"],
};

Usage

import "@pihanga2/graphin/cards/graphin";

• Repository: https://github.com/ivcap-works/pihanga-shadcn
• shadcn registry: https://ivcap-works.github.io/pihanga-shadcn/r