# Transition state graph **URL:** \ **Category:** Kibana\ **Created:** [July 25, 2018, 12:44pm UTC](https://discuss.elastic.co/t/transition-state-graph/141570 "2018-07-25T12:44:55Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![pli](https://avatars.discourse-cdn.com/v4/letter/p/85e7bf/32.png) [@pli](https://discuss.elastic.co/u/pli)\ **Post date:** [July 25, 2018, 12:44pm UTC](https://discuss.elastic.co/t/transition-state-graph/141570/1 "2018-07-25T12:44:55Z")
Hi all, I try to create a state transition graph in timelion. I read so much documentation but I don't arrive to apply example on my context. My applications can have a different states : Init Starting, Running , Fail .... my data are : T App state * * * T0 AAAA Initial T0 BBBB Initial T1 AAAA Starting T2 BBBB Starting T3 AAAA Running T4 BBBB Running T5 AAAA Fail I would like to have a timeline like ![stateGraph](https://us1.discourse-cdn.com/elastic/original/3X/a/7/a7051993644ffba6c83bcf771bf2db41916121f0.PNG) ---
**Author:** ![ppisljar](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ppisljar/32/11588_2.png) [@ppisljar](https://discuss.elastic.co/u/ppisljar)\ **Post date:** [July 25, 2018, 2:07pm UTC](https://discuss.elastic.co/t/transition-state-graph/141570/2 "2018-07-25T14:07:21Z")
i don't think thats possible with timelion, but maybe @rashid has a better idea ? ---
**Author:** ![rashid](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashid/32/12566_2.png) [@rashid](https://discuss.elastic.co/u/rashid)\ **Post date:** [July 25, 2018, 2:58pm UTC](https://discuss.elastic.co/t/transition-state-graph/141570/3 "2018-07-25T14:58:30Z")
Nope, not possible. ---
**Author:** ![pli](https://avatars.discourse-cdn.com/v4/letter/p/85e7bf/32.png) [@pli](https://discuss.elastic.co/u/pli)\ **Post date:** [July 25, 2018, 3:48pm UTC](https://discuss.elastic.co/t/transition-state-graph/141570/4 "2018-07-25T15:48:42Z")
If timelion can not, is there another solution ? a visualization ? ---
**Author:** ![davemoore](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/davemoore/32/134233_2.png) [@davemoore](https://discuss.elastic.co/u/davemoore)\ **Post date:** [July 26, 2018, 12:49pm UTC](https://discuss.elastic.co/t/transition-state-graph/141570/5 "2018-07-26T12:49:31Z")
@pli Take a look at [Vega for Kibana](https://www.elastic.co/guide/en/kibana/current/vega-graph.html). Vega lets you create arbitrary visualizations from arbitrary queries. Here are some resources to help you get started: > **[Learn to build rich Vega Visualizations in Kibana](https://www.elastic.co/blog/getting-started-with-vega-visualizations-in-kibana)** > > Vega is a powerful language for creating visualizations, and now you can use it in Kibana. In this blog post, learn to use Vega declarative language to build rich new visualizations from your Elasticsearch data. > **[Custom Vega Visualizations in Kibana 6.2 | Elastic](https://www.elastic.co/blog/custom-vega-visualizations-in-kibana)** > > Interested in a walkthrough of Vega-based visualizations in Kibana? Check out this video. Beginning with Kibana 6.2, users can now go beyond the built-in visualizations offered. This new visualiz... Here's an example of a timeline visualization in Vega: > **[Timelines Example](https://vega.github.io/vega/examples/timelines/)** > > Vega - A Visualization Grammar. Vega is a visualization grammar, a declarative format for creating, saving, and sharing interactive visualization designs. With Vega, you can describe the visual appearance and interactive behavior of a visualization... To implement the above example in Kibana, you would replace `data.values` with `data.url` as explained in the above blog posts. You would need to supply a query that aggregates your data by the different states you listed. ---
**Author:** ![pli](https://avatars.discourse-cdn.com/v4/letter/p/85e7bf/32.png) [@pli](https://discuss.elastic.co/u/pli)\ **Post date:** [July 31, 2018, 12:54pm UTC](https://discuss.elastic.co/t/transition-state-graph/141570/6 "2018-07-31T12:54:40Z")
@davemoore, Thank you Dave for your tips, I spent 4 days with vega .... it's very powerfull, but too much tricky for me 🙂 My problems comes from the data. in my dataset, I don't have the timestamp for the end of the state. ( for AAA it starts at T0 and ends at T1 ) . All example I read ( like timeline exemple ) , have a begin and a end field in the source. I don't know how the create a such query. is it possible to create it in ES? or in vega script by a transform function BR Philippe. ---
**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\ **Post date:** [August 28, 2018, 12:54pm UTC](https://discuss.elastic.co/t/transition-state-graph/141570/7 "2018-08-28T12:54:41Z")
Closed on August 28, 2018, 12:54pm UTC This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.