Why a good product brings the next customers

Five steps on a ring with numbered dots and their labels outside, and a hub in the middle that every step feeds through a dotted link with a label of its own. In the HTML profile each step is a focus link that keeps its neighbours and the hub and dims the rest. The description names the hub and every link label. With a phone variant. Illustrative steps.

Why a good product brings the next customers

examples/growth-flywheel.json

{
  "schemaVersion": 1,
  "type": "cycle",
  "title": "Why a good product brings the next customers",
  "width": 760,
  "height": 540,
  "mobile": {
    "width": 476,
    "height": 640
  },
  "cycle": {
    "steps": [
      {
        "id": "product",
        "label": "Better product",
        "note": "from feedback",
        "hubLabel": "delights"
      },
      {
        "id": "happy",
        "label": "Happy customers",
        "hubLabel": "stay on"
      },
      {
        "id": "word",
        "label": "Word of mouth",
        "hubLabel": "refer"
      },
      {
        "id": "growth",
        "label": "More customers",
        "hubLabel": "inform"
      },
      {
        "id": "revenue",
        "label": "Revenue to invest",
        "hubLabel": "reinvest"
      }
    ],
    "hub": {
      "label": "Customers",
      "note": "at the center"
    }
  }
}

Focus

Show all Better product Happy customers Word of mouth More customers Revenue to invest

Why a good product brings the next customers

Show chart data

Data for Why a good product brings the next customers
No.	Step	Notes	Hub link
1	Better product	from feedback	delights
2	Happy customers		stay on
3	Word of mouth		refer
4	More customers		inform
5	Revenue to invest		reinvest

Cycle around a hub
Show a flywheel and what it feeds