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]}, ...] }

빠른 시작

앱에 휴먼디자인을 추가하세요

하나의 API 호출로 완전한 차트를 가져오고, React 컴포넌트로 렌더링하세요 — 또는 JSON 응답으로 직접 UI를 만드세요.

REST API JSON 컴포넌트 데모

문서

시장 유일

즉시 사용 가능한 시각화 컴포넌트를 제공하는 유일한 휴먼디자인 API

npm 패키지를 설치하고 React 앱에서 인터랙티브 바디그래프 차트를 렌더링하세요. 경쟁사에는 없는 기능입니다.

@hdhub/bodygraph-2d

원하는 바디그래프를 손쉽게 완성하세요

컬러, 오버레이, 패널 스타일까지 한 화면에서 조정하고 서비스에 어울리는 바디그래프를 바로 확인해보세요.

디자인 검토부터 실제 적용 전 최종 확인까지, 팀이 같은 기준으로 빠르게 결정할 수 있습니다.

다크 라이트 커스텀

라이트 테마의 실제 Bodygraph Lab 미리보기 — 스튜디오 라이트

Bodygraph Lab 열기 활용 가이드 보기

@hdhub/bodygraph-3d

3D Bodygraph

페이지 안에서 바로 보이는 WebGL 프리뷰.

WebGL

@hdhub/gate-timeline

Timeline

실제 컴포넌트 결과를 보여주는 게이트 타임라인 프리뷰.

Interactive

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 에이전트가 프롬프트 하나로 Human Design API를 바로 사용할 수 있습니다.

Free 플랜으로 먼저 사용해보세요.

API 키 & 프롬프트 받기 플랜 보기

⌘

프롬프트 예시 스펙 URL과 토큰을 에이전트에게 전달하세요

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는 출생 시 행성 위치를 계산하고, 이를 역경(I Ching) 헥사그램 체계에 매핑하여 바디그래프 시각화에 활용할 수 있는 구조화된 데이터를 반환합니다.

이 API로 휴먼디자인 계산기를 만들 수 있나요? +

물론입니다. API가 모든 천문학적 계산을 처리하므로, 출생 데이터(날짜, 시간, 장소)만 제공하면 완전한 차트를 받을 수 있습니다. 무료 티어로 프로토타이핑한 후, 전체 바디그래프 데이터, 컴포지트 차트, 인터랙티브 시각화 컴포넌트가 필요하면 업그레이드하세요.

어떤 프로그래밍 언어로 Human Design API를 사용할 수 있나요? +

HTTP 요청이 가능한 모든 언어에서 사용할 수 있습니다. cURL, JavaScript, Python 예제를 제공하며, API가 JSON을 반환하므로 React, Vue, Angular, Node.js, Django, Flask 등 어떤 프레임워크와도 쉽게 연동할 수 있습니다.

오늘부터 휴먼디자인 데이터로 구축을 시작하세요

100 무료 크레딧으로 시작하세요.

무료 API 키 받기