@hdhub/bodygraph-3d

Human Design 3D Bodygraph & Mandala visualization components for React, powered by Three.js.

Requirements

This package requires an Enterprise API key from Human Design Hub.

All rendering data (centers, channels, gates, mandala layout, zodiac signs, etc.) is fetched from the HD Hub server at runtime. Without a valid API key, the components cannot render.

Installation

npm install @hdhub/bodygraph-3d

Peer Dependencies

npm install react @react-three/fiber @react-three/drei three

Usage

import { Hdhub3dProvider, BodyGraphScene, MandalaScene } from "@hdhub/bodygraph-3d";

function App() {
  return (
    <Hdhub3dProvider apiKey="YOUR_API_KEY" apiBaseUrl="https://api.humandesignhub.app">
      <BodyGraphScene
        activatedGates={[1, 2, 3]}
        activatedChannels={["1-8", "11-56"]}
      />
    </Hdhub3dProvider>
  );
}

How to Get an API Key

1. Visit humandesignhub.app
2. Subscribe to an Enterprise plan
3. Generate your API key from the dashboard

License

UNLICENSED - All rights reserved.