# How can I create a sequence diagram using Vega or Vega-lite?

**URL:** <https://discuss.elastic.co/t/how-can-i-create-a-sequence-diagram-using-vega-or-vega-lite/257502>\
**Category:** Kibana\
**Tags:** vega\
**Created:** [December 3, 2020, 12:12pm UTC](https://discuss.elastic.co/t/how-can-i-create-a-sequence-diagram-using-vega-or-vega-lite/257502 "2020-12-03T12:12:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![shalintha](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shalintha/32/80099_2.png) [@shalintha](https://discuss.elastic.co/u/shalintha)\
**Post date:** [December 3, 2020, 12:12pm UTC](https://discuss.elastic.co/t/how-can-i-create-a-sequence-diagram-using-vega-or-vega-lite/257502/1 "2020-12-03T12:12:00Z")

</div>

I want to create a Sequence diagram using Vega visualize for my Kibana Dashboard. Is there a way to create Sequence diagram using Vega or Vega-lite (or using D3js)?

---

<div class="post-metadata">

**Author:** ![aaron-nimocks](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aaron-nimocks/32/73965_2.png) [@aaron-nimocks](https://discuss.elastic.co/u/aaron-nimocks)\
**Post date:** [December 3, 2020, 4:15pm UTC](https://discuss.elastic.co/t/how-can-i-create-a-sequence-diagram-using-vega-or-vega-lite/257502/2 "2020-12-03T16:15:46Z")

</div>

Can you give an example of the sequence diagram (an image if possible)? Also is the diagram dynamic so it changes or static?

---

<div class="post-metadata">

**Author:** ![shalintha](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shalintha/32/80099_2.png) [@shalintha](https://discuss.elastic.co/u/shalintha)\
**Post date:** [December 3, 2020, 4:30pm UTC](https://discuss.elastic.co/t/how-can-i-create-a-sequence-diagram-using-vega-or-vega-lite/257502/3 "2020-12-03T16:30:40Z")

</div>

Here is a sample sequence diagram. It would be great if the diagram is dynamic. So it can vary according to the index pattern.

> [@aaron-nimocks](#):
>
> Can you give an example of the sequence diagram (an image if possible)? Also is the diagram dynamic so it changes or static?

 ![SampleSeqDiagram](https://us1.discourse-cdn.com/elastic/original/3X/2/0/20f23141231b4aa7adc4befc874a3933a9fcba4c.png)

---

<div class="post-metadata">

**Author:** ![aaron-nimocks](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aaron-nimocks/32/73965_2.png) [@aaron-nimocks](https://discuss.elastic.co/u/aaron-nimocks)\
**Post date:** [December 3, 2020, 4:35pm UTC](https://discuss.elastic.co/t/how-can-i-create-a-sequence-diagram-using-vega-or-vega-lite/257502/4 "2020-12-03T16:35:39Z")

</div>

To the question of can Vega do this, the answer is yes.

But since I can't find any examples of this you would need to create all the logic from scratch.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [December 31, 2020, 4:35pm UTC](https://discuss.elastic.co/t/how-can-i-create-a-sequence-diagram-using-vega-or-vega-lite/257502/5 "2020-12-31T16:35:47Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.