The demo of Jqy

The default demo of Jqy 0.x, the first version of the project. The old engine put 55 overlapping pairs in it. The two-pass engine puts none.

15 boxes7 edges0 findings

Edit it

The demo of JqyResetPlayground →

# The demo of Jqy
root {
  A radial nested { A1 A2 A3 }
  B grid { B1 B2 B3 B4 }
  C radial nested { C1 C2 C3 C4 }
}

# The demo of Jqy root { A radial nested { A1 A2 A3 } B grid { B1 B2 B3 B4 } C radial nested { C1 C2 C3 C4 } }

15 boxes, 7 edges. The audit finds no defect.

The input

The same layout in TypeScript. The input is plain data, so it can come from JSON.

jqy-demo.ts

import { layout } from "ireko";

const input = {
  "root": {
    "id": "root",
    "children": [
      {
        "id": "A",
        "layout": "radial",
        "mode": "nested",
        "children": [
          {
            "id": "A1"
          },
          {
            "id": "A2"
          },
          {
            "id": "A3"
          }
        ]
      },
      {
        "id": "B",
        "layout": "grid",
        "children": [
          {
            "id": "B1"
          },
          {
            "id": "B2"
          },
          {
            "id": "B3"
          },
          {
            "id": "B4"
          }
        ]
      },
      {
        "id": "C",
        "layout": "radial",
        "mode": "nested",
        "children": [
          {
            "id": "C1"
          },
          {
            "id": "C2"
          },
          {
            "id": "C3"
          },
          {
            "id": "C4"
          }
        ]
      }
    ]
  }
};

const result = layout(input);