npm_graph_component

Interactive 3D graph visualization in React

This reusable component renders a 3D force-directed graph to visualize hierarchical data and relationships between entities.

✨ Features

• 🔭 3D force-directed graph using react-force-graph-3d
• 🧠 Built-in data fetching
• ⚛️ Written in TypeScript with full type safety
• 📦 Ready to drop into any React 18+ app

---

⚙️ Installation

1npm install npm_graph_component
2
3You also need to install the following peerDependencies in your project (if not already present):
4
5npm install react react-dom react-icons
6
7
8
9⸻
10
11🚀 Quick Start
12
13import { GraphComponent } from "npm_graph_component";
14
15const GraphCard = () => {
16  return <GraphComponent dealerId={40337} maxNodes={1000} />;
17};
18
19export default GraphCard;
20
21
22
23⸻
24
25🧪 What’s Included
26	•	GraphComponent: Main component that fetches and renders the 3D graph.
27	•	Handles loading and error states internally.
28
29⚖️ Peer Dependencies
30
31This package expects the following libraries to be present in your app:
32
33"peerDependencies": {
34  "react": ">=18.0.0 <19.0.0",
35  "react-dom": ">=18.0.0 <19.0.0",
36}
37
38react-force-graph-3d, @apollo/client, and graphql are bundled internally, so no need to install them.
39
40⸻
41
42🪪 License
43
44MIT — Pablo Brito
45
46---