Widget & Badges

Chart calculator widget

An iframe with the full calculator (city autocomplete, timezone handling). Works on any site — WordPress, Tilda, Squarespace, plain HTML. Swap /en/ for your language.

<iframe src="https://hdmatrix.pro/zh/embed"
  width="100%" height="560" loading="lazy"
  style="border:0;border-radius:16px;max-width:480px"
  title="Human Design Chart Calculator"></iframe>
<p><a href="https://hdmatrix.pro/zh/">Free Human Design chart — HD Matrix</a></p>

Click a block to select it, then copy.

Live preview

Badges

Link to your readers' free chart with a small badge — dark and light variants.

<a href="https://hdmatrix.pro/zh/">
  <img src="https://hdmatrix.pro/badge/hdmatrix-badge-dark.svg"
       width="220" height="48" alt="HD Matrix — Free Human Design Chart"></a>

<a href="https://hdmatrix.pro/zh/">
  <img src="https://hdmatrix.pro/badge/hdmatrix-badge-light.svg"
       width="220" height="48" alt="HD Matrix — Free Human Design Chart"></a>

Text links

Prefer plain links? These describe us accurately:

<a href="https://hdmatrix.pro/zh/">Free Human Design chart calculator — HD Matrix</a>
<a href="https://hdmatrix.pro/zh/gates">All 64 Human Design gates — reference</a>
<a href="https://hdmatrix.pro/zh/composite">Human Design compatibility (composite) — HD Matrix</a>