Live event stream (animated)
Producers → Kafka stream → consumers; the edges along the hot path FLOW like the landing hero.
Rendering…
Make it your own.
{
"nodes": [
{ "id":"p1","type":"rect","label":"Producer A","x":40,"y":60,"fill":"#dbeafe","stroke":"#2563eb","motion":"pulse" },
{ "id":"p2","type":"rect","label":"Producer B","x":40,"y":180,"fill":"#dbeafe","stroke":"#2563eb" },
{ "id":"p3","type":"rect","label":"Producer C","x":40,"y":300,"fill":"#dbeafe","stroke":"#2563eb" },
{ "id":"k","type":"wave","label":"Kafka topic","x":280,"y":180,"fill":"#bae6fd","stroke":"#0369a1","motion":"pulse" },
{ "id":"c1","type":"rect","label":"Consumer · analytics","x":520,"y":60,"fill":"#ede9fe","stroke":"#6d28d9" },
{ "id":"c2","type":"rect","label":"Consumer · ML feature","x":520,"y":180,"fill":"#ede9fe","stroke":"#6d28d9","motion":"ping" },
{ "id":"c3","type":"rect","label":"Consumer · audit log","x":520,"y":300,"fill":"#ede9fe","stroke":"#6d28d9" },
{ "id":"db","type":"cylinder","label":"Snowflake","x":780,"y":60,"fill":"#fef3c7","stroke":"#a16207" },
{ "id":"fs","type":"cylinder","label":"Feature store","x":780,"y":180,"fill":"#fef3c7","stroke":"#a16207" },
{ "id":"s3","type":"cylinder","label":"S3 cold storage","x":780,"y":300,"fill":"#fef3c7","stroke":"#a16207" }
],
"edges": [
{ "id":"e1","source":"p1","target":"k","animated":true,"className":"lf-flow-edge" },
{ "id":"e2","source":"p2","target":"k","animated":true,"className":"lf-flow-edge" },
{ "id":"e3","source":"p3","target":"k","animated":true,"className":"lf-flow-edge" },
{ "id":"e4","source":"k","target":"c1","animated":true,"className":"lf-flow-edge" },
{ "id":"e5","source":"k","target":"c2","animated":true,"className":"lf-flow-edge" },
{ "id":"e6","source":"k","target":"c3","animated":true,"className":"lf-flow-edge" },
{ "id":"e7","source":"c1","target":"db" },
{ "id":"e8","source":"c2","target":"fs" },
{ "id":"e9","source":"c3","target":"s3" }
]
}