Customer journey — chevron + pentagon
Awareness → Consideration → Purchase → Onboarding → Retention with chevron stages and pentagon touchpoints.
Rendering…
Make it your own.
{
"nodes": [
{ "id":"c1","type":"chevron","label":"Awareness","x":40,"y":80,"fill":"#fce7f3","stroke":"#be185d" },
{ "id":"c2","type":"chevron","label":"Consideration","x":250,"y":80,"fill":"#fde68a","stroke":"#b45309" },
{ "id":"c3","type":"chevron","label":"Purchase","x":460,"y":80,"fill":"#dbeafe","stroke":"#1d4ed8" },
{ "id":"c4","type":"chevron","label":"Onboard","x":670,"y":80,"fill":"#dcfce7","stroke":"#15803d" },
{ "id":"c5","type":"chevron","label":"Retain","x":880,"y":80,"fill":"#dcfce7","stroke":"#15803d","motion":"pulse" },
{ "id":"p1","type":"pentagon","label":"Blog post","x":40,"y":220,"fill":"#fce7f3" },
{ "id":"p2","type":"pentagon","label":"Demo","x":250,"y":220,"fill":"#fde68a" },
{ "id":"p3","type":"pentagon","label":"Checkout","x":460,"y":220,"fill":"#dbeafe" },
{ "id":"p4","type":"pentagon","label":"First diagram","x":670,"y":220,"fill":"#dcfce7" },
{ "id":"p5","type":"pentagon","label":"Sharing","x":880,"y":220,"fill":"#dcfce7" },
{ "id":"h1","type":"heart","label":"NPS","x":880,"y":360,"fill":"#fce7f3","stroke":"#be185d" }
],
"edges": [
{ "id":"e1","source":"c1","target":"c2" },
{ "id":"e2","source":"c2","target":"c3" },
{ "id":"e3","source":"c3","target":"c4" },
{ "id":"e4","source":"c4","target":"c5" },
{ "id":"e5","source":"p1","target":"c1","style":{"strokeDasharray":"3 3"} },
{ "id":"e6","source":"p2","target":"c2","style":{"strokeDasharray":"3 3"} },
{ "id":"e7","source":"p3","target":"c3","style":{"strokeDasharray":"3 3"} },
{ "id":"e8","source":"p4","target":"c4","style":{"strokeDasharray":"3 3"} },
{ "id":"e9","source":"p5","target":"c5","style":{"strokeDasharray":"3 3"} },
{ "id":"e10","source":"c5","target":"h1","label":"measure" }
]
}