@hdhub/bodygraph-2d
プロダクトが本当に求めるバディグラフをデザイン
カラー、オーバーレイ、パネルスタイリングを一か所で調整し、出荷前にプロダクトにフィットするバディグラフを確認。
Dark Light Custom
REST API + Reactコンポーネント
5分でアプリにヒューマンデザインを追加
すぐに使えるReactコンポーネントを提供する唯一のヒューマンデザインAPI。全エンドポイント対応。高精度チャート計算。
import { Bodygraph } from '@hdhub/bodygraph-2d'; async function MyChart() { const chart = await fetch( 'https://api.humandesignhub.app/v1/bodygraph', { method: 'POST', headers: { 'x-api-key': 'YOUR_API_KEY' }, body: JSON.stringify({ datetime: '1989-03-29T16:05:00+09:00' }) } ).then(r => r.json()); return <Bodygraph data={chart} />; }
import requests payload = {"datetime": "1989-03-29T16:05:00+09:00"} # JSON response result = requests.post( "https://api.humandesignhub.app/v1/bodygraph", headers={"x-api-key": "YOUR_API_KEY"}, json=payload, ).json()
{ "type": "Manifestor", "strategy": "Inform", "authority": "Emotional", "profile": "6/2", "centers": ["Ego", "G", "Root", ...] "channels": [{"name": "Inspiration", "gates": [1, 8]}, {"name": "Awakening", "gates": [10, 20]}, ...] }
クイックスタート
アプリにヒューマンデザインを追加
1回のAPI呼び出しで完全なチャートを取得し、Reactコンポーネントで描画 — またはJSONレスポンスから独自のUIを構築。
REST API JSON コンポーネントデモ
市場唯一 Classic Dark Studio Light Custom Preset
すぐに使えるビジュアライゼーションコンポーネントを提供する唯一のヒューマンデザインAPI
npmパッケージをインストールして、Reactアプリでインタラクティブなボディグラフチャートをレンダリング。競合他社にはない機能です。
@hdhub/bodygraph-3d
WebGL 3D Bodygraph
Live WebGL preview running in the page.
@hdhub/gate-timeline
Interactive Timeline
Live gate transition timeline with real component output.
Month / Day04:08:16
Apr 6
Mon
Apr 7
Tue
Apr 8
Wed
Apr 9
Thu
Apr 10
Fri
Apr 11
Sat
Apr 12
Sun
Apr 13
Mon
Apr 14
Tue
Apr 15
Wed
Apr 16
Thu
Sun
2 Gate
5 Gate
8 Gate
11 Gate
14 Gate
17 Gate
20 Gate
Earth
9 Gate
12 Gate
15 Gate
18 Gate
21 Gate
27 Gate
Moon
19 Gate
22 Gate
25 Gate
28 Gate
31 Gate
34 Gate
37 Gate
NorthNode
23 Gate
26 Gate
29 Gate
32 Gate
35 Gate
38 Gate
41 Gate
44 Gate
SouthNode
30 Gate
36 Gate
42 Gate
45 Gate
48 Gate
Mercury
37 Gate
40 Gate
43 Gate
46 Gate
49 Gate
52 Gate
55 Gate
Venus
47 Gate
53 Gate
59 Gate
62 Gate
1 Gate
Mars
51 Gate
54 Gate
57 Gate
60 Gate
63 Gate
2 Gate
Jupiter
58 Gate
64 Gate
3 Gate
6 Gate
9 Gate
12 Gate
Saturn
1 Gate
4 Gate
7 Gate
10 Gate
13 Gate
19 Gate
Uranus
11 Gate
14 Gate
17 Gate
20 Gate
23 Gate
26 Gate
29 Gate
Neptune
15 Gate
18 Gate
21 Gate
24 Gate
27 Gate
30 Gate
33 Gate
36 Gate
Pluto
22 Gate
28 Gate
34 Gate
37 Gate
40 Gate
AIエージェント対応
すでにAIエージェントをお使いですか？
プランに合ったOpenAPIスペックを提供し、AIエージェントが1つのプロンプトでHuman Design APIを即座に利用できます。統合をAIに任せましょう。
まずは無料プランでお試しください。
プロンプト例
Build an interface that uses
https://humandesignhub.app/api/v1/openapi.json
token: hd_live_xxxxx
After it is done, explain what APIs
are available. OpenAPIスペック プランに合ったJSONを参照
キー付き 実際のAPIキー付きプロンプトをコピー
API説明 エージェントが使用可能なエンドポイントを説明
FAQ
よくある質問
Human Design APIとは何ですか？ +
Human Design APIは、出生データからヒューマンデザインのボディグラフチャートを計算するREST APIです。高精度な天文計算により、タイプ、戦略、権威、プロファイル、センター、ゲート、チャネルなどのチャート要素を返します。
プログラムでヒューマンデザインチャートを計算するには？ +
/v1/simple-bodygraphエンドポイントに、ISO 8601形式のdatetimeを含むPOSTリクエストを送信してください。APIがタイプ、戦略、権威を含む完全なチャート計算結果を返します。humandesignhub.app/developerで無料APIキーを取得できます。
無料のHuman Design APIはありますか？ +
はい。Human Design APIは月100クレジット、毎分5リクエストの無料プランを提供しています。クレジットカードは不要で、無料プランではSimple Bodygraphエンドポイントを使用できます。
ボディグラフとは何ですか？APIはどのように生成しますか？ +
ボディグラフは、9つのセンター、64のゲート、36のチャネルを表示するヒューマンデザインチャートの視覚的表現です。APIは出生時の惑星位置を計算し、易経のヘキサグラムシステムにマッピングして、ボディグラフの可視化に使用できる構造化データを返します。
このAPIでヒューマンデザイン計算機を作れますか？ +
もちろんです。APIがすべての天文計算を処理するので、出生データ（日付、時刻、場所）を提供するだけで完全なチャートを受け取れます。無料プランでプロトタイピングし、フルボディグラフデータやコンポジットチャート、インタラクティブな可視化コンポーネントが必要になったらアップグレードしてください。
Human Design APIはどのプログラミング言語で使えますか？ +
HTTPリクエストが可能なすべての言語で使用できます。cURL、JavaScript、Pythonのサンプルを提供しており、APIがJSONを返すため、React、Vue、Angular、Node.js、Django、Flaskなど、あらゆるフレームワークと簡単に統合できます。