REST API + komponen React

Tambahkan Human Design ke aplikasi Anda dalam 5 menit

Satu-satunya API Human Design dengan komponen React siap pakai. Cakupan endpoint lengkap. Kalkulasi chart presisi tinggi.

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

Tambahkan Human Design ke aplikasi Anda

Dapatkan chart lengkap dengan satu panggilan API, render dengan komponen React kami — atau bangun UI sendiri dari respons JSON.

REST API JSON Demo Komponen
Satu-satunya di pasar

Satu-satunya API Human Design dengan komponen visualisasi siap pakai

Instal paket npm kami dan render grafik bodygraph interaktif di aplikasi React Anda.

@hdhub/bodygraph-2d

Desain bodygraph yang benar-benar dibutuhkan produk Anda

Sesuaikan warna, overlay, dan gaya panel di satu tempat, lalu lihat bodygraph yang cocok dengan produk Anda sebelum peluncuran.

Memberikan desain dan pengembangan satu permukaan bersama untuk persetujuan lebih cepat.

Dark Light Custom
Real Bodygraph Lab preview in dark theme
Classic Dark
Real Bodygraph Lab preview in light theme
Studio Light
Real Bodygraph Lab preview in custom theme
Custom Preset
@hdhub/bodygraph-3d

3D Bodygraph

Live WebGL preview running in the page.

WebGL
@hdhub/gate-timeline

Timeline

Live gate transition timeline with real component output.

Interactive
Gate Timeline
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
Siap AI Agent

Sudah menggunakan AI agent?

Kami menyediakan spec OpenAPI sesuai plan Anda agar AI agent bisa menggunakan Human Design API hanya dengan satu prompt. Serahkan integrasi ke AI.

Coba dulu dengan Plan Gratis.

Contoh Prompt Berikan URL spec dan token ke agent Anda
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 spec Referensikan JSON yang sesuai plan Anda
Kunci disertakan Salin prompt dengan kunci API asli Anda
Penjelasan API Agent menjelaskan endpoint yang tersedia
FAQ

Frequently Asked Questions

What is the Human Design API? +

The Human Design API is a REST API that calculates Human Design bodygraph charts from birth data. It performs high-precision astronomical calculations and returns chart components including Type, Strategy, Authority, Profile, Centers, Gates, and Channels.

How do I calculate a Human Design chart programmatically? +

Send a POST request to /v1/simple-bodygraph with datetime in ISO 8601 format in the JSON body. The API returns chart data including Type, Profile, Centers, Gates, and Channels. Get your free API key at humandesignhub.app/developer.

Is there a free Human Design API? +

Yes. The Human Design API offers a free tier with 100 API credits per month and 5 requests per minute. The free tier includes the Simple Bodygraph endpoint for basic chart calculations.

What is a bodygraph and how does the API generate one? +

A bodygraph is the visual representation of a Human Design chart, showing 9 Centers, 64 Gates, and 36 Channels. The API calculates planetary positions at birth, maps them to the I Ching hexagram system, and returns structured data you can use to render bodygraph visualizations.

Can I build a Human Design calculator with this API? +

Absolutely. The API handles all astronomical calculations — you provide birth data (date, time, place) and receive a complete chart. Use the free tier for prototyping, then upgrade for full bodygraph data, composite charts, and interactive visualization components.

What programming languages work with the Human Design API? +

Any language that can make HTTP requests works with the API. We provide examples in cURL, JavaScript, and Python. The API returns JSON, making it easy to integrate with React, Vue, Angular, Node.js, Django, Flask, or any other framework.

How accurate is the Human Design API? +

The API uses a professional-grade astronomical calculation pipeline. Planetary positions are calculated to arc-second precision, ensuring highly accurate bodygraph calculations for any birth data from 1900 to 2100.

What is Group Penta analysis? +

Group Penta is a Human Design framework for analyzing team dynamics for groups of up to 5 people. Our API is the only one in the market that offers a Group Penta endpoint, making it possible to build team-building, HR tech, and group coaching applications.

Can I use the npm components without the API? +

The npm packages (@hdhub/bodygraph-2d, @hdhub/bodygraph-3d, @hdhub/gate-timeline) require chart data from the API to render. They are visualization components that consume the JSON response from any bodygraph endpoint. You need an active API subscription with SDK access (Standard plan or above).

How does the Human Design API compare to alternatives? +

We offer the most comprehensive Human Design API — the lowest paid entry at $9.99/month, the only meaningful free tier (100 credits/month), the only provider with React npm components for bodygraph visualization, and the only one with a Group Penta endpoint.

Mulai membangun dengan data Human Design hari ini

Mulai dengan 100 kredit gratis.

Dapatkan kunci API gratis