A fan

A radial strategy with a sweep of 120 degrees. Each child is at the middle of an equal part of the arc.

6 boxes5 edges0 findings

Edit it

A fanResetPlayground →

# A fan
source radial(startAngle: 30, sweep: 120) { ray-1 ray-2 ray-3 ray-4 ray-5 }

# A fan source radial(startAngle: 30, sweep: 120) { ray-1 ray-2 ray-3 ray-4 ray-5 }

6 boxes, 5 edges. The audit finds no defect.

The input

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

fan.ts

import { layout } from "ireko";

const input = {
  "root": {
    "id": "source",
    "layout": {
      "type": "radial",
      "startAngle": 30,
      "sweep": 120
    },
    "children": [
      {
        "id": "ray-1"
      },
      {
        "id": "ray-2"
      },
      {
        "id": "ray-3"
      },
      {
        "id": "ray-4"
      },
      {
        "id": "ray-5"
      }
    ]
  }
};

const result = layout(input, {"nodeSize":{"width":72,"height":32}});