Value chain of an online coffee shop

Nine components of an online coffee shop from the user's need down to hosting: positions from the specification on a visibility and evolution plane with four named stages, dependency lines, two dashed arrows for planned movement and an inertia bar on roasting. The description lists the components from the most visible down. Illustrative map, with a phone variant.

Value chain of an online coffee shop

examples/coffee-shop-chain.json

{
  "schemaVersion": 1,
  "type": "valuemap",
  "title": "Value chain of an online coffee shop",
  "source": "Illustrative map of a small online retailer",
  "width": 900,
  "height": 560,
  "mobile": {
    "width": 380,
    "height": 640
  },
  "valuemap": {
    "components": [
      {
        "id": "customer",
        "label": "Coffee at home",
        "visibility": 0.97,
        "evolution": 0.62
      },
      {
        "id": "shop",
        "label": "Web shop",
        "visibility": 0.84,
        "evolution": 0.55
      },
      {
        "id": "subscription",
        "label": "Subscription",
        "visibility": 0.76,
        "evolution": 0.3,
        "movesTo": {
          "evolution": 0.55
        }
      },
      {
        "id": "payment",
        "label": "Payment",
        "visibility": 0.62,
        "evolution": 0.88
      },
      {
        "id": "roasting",
        "label": "Roasting",
        "visibility": 0.5,
        "evolution": 0.35,
        "inertia": true
      },
      {
        "id": "shipping",
        "label": "Shipping",
        "visibility": 0.44,
        "evolution": 0.78
      },
      {
        "id": "recommendation",
        "label": "Taste matching",
        "visibility": 0.58,
        "evolution": 0.12,
        "movesTo": {
          "evolution": 0.34
        }
      },
      {
        "id": "beans",
        "label": "Green beans",
        "visibility": 0.28,
        "evolution": 0.8
      },
      {
        "id": "hosting",
        "label": "Hosting",
        "visibility": 0.16,
        "evolution": 0.93
      }
    ],
    "dependencies": [
      {
        "from": "customer",
        "to": "shop"
      },
      {
        "from": "shop",
        "to": "subscription"
      },
      {
        "from": "shop",
        "to": "payment"
      },
      {
        "from": "shop",
        "to": "recommendation"
      },
      {
        "from": "subscription",
        "to": "roasting"
      },
      {
        "from": "subscription",
        "to": "shipping"
      },
      {
        "from": "roasting",
        "to": "beans"
      },
      {
        "from": "shop",
        "to": "hosting"
      },
      {
        "from": "recommendation",
        "to": "hosting"
      }
    ]
  }
}

Source: Illustrative map of a small online retailer

Show chart data

Data for Value chain of an online coffee shop
Component	Visibility	Evolution	Stage	Moves to	Inertia	Needs
Coffee at home	97%	62%	Product			Web shop
Web shop	84%	55%	Product			Subscription, Payment, Taste matching, Hosting
Subscription	76%	30%	Custom	55%		Roasting, Shipping
Payment	62%	88%	Commodity
Taste matching	58%	12%	Genesis	34%		Hosting
Roasting	50%	35%	Custom		yes	Green beans
Shipping	44%	78%	Commodity
Green beans	28%	80%	Commodity
Hosting	16%	93%	Commodity

Value chain map
Show what a service depends on and where it is going