# Visualizing A Network Connection With Graphics

**URL:** https://discuss.elastic.co/t/visualizing-a-network-connection-with-graphics/186281
**Category:** Kibana
**Created:** [June 18, 2019, 2:27pm UTC](https://discuss.elastic.co/t/visualizing-a-network-connection-with-graphics/186281 "2019-06-18T14:27:33Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![wwalker](https://avatars.discourse-cdn.com/v4/letter/w/43a26b/32.png) [@wwalker](https://discuss.elastic.co/u/wwalker)
#### Post date: [June 18, 2019, 2:27pm UTC](https://discuss.elastic.co/t/visualizing-a-network-connection-with-graphics/186281/1 "2019-06-18T14:27:33Z")

</div>

I am ingesting network data (CloudFlare logs) and would like to visualize two legs of the traffic with images. In CloudFlare, there are metrics for `Client to CloudFlare SSL` connections and `CloudFlare to Origin SSL` connections. I' like a single seamless visualization that has three static images with lines connecting the three images and the metrics for each "leg" somewhere around the line, similar to the image below. Is there anything currently out there that can do this?

![image](https://us1.discourse-cdn.com/elastic/original/3X/1/3/13c2994e663e3d8bea47296e825ef90edac07618.png)

---

<div class="post-metadata">

### Author: ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)
#### Post date: [June 21, 2019, 9:36am UTC](https://discuss.elastic.co/t/visualizing-a-network-connection-with-graphics/186281/2 "2019-06-21T09:36:24Z")

</div>

Canvas would be the way to achieve what you want, but it does depend on how the data is structured for you.

---

<div class="post-metadata">

### Author: ![wwalker](https://avatars.discourse-cdn.com/v4/letter/w/43a26b/32.png) [@wwalker](https://discuss.elastic.co/u/wwalker)
#### Post date: [June 21, 2019, 2:17pm UTC](https://discuss.elastic.co/t/visualizing-a-network-connection-with-graphics/186281/3 "2019-06-21T14:17:56Z")

</div>

Can I integrate a Canvas visualization into a Kibana dashboard?

---

<div class="post-metadata">

### Author: ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)
#### Post date: [June 21, 2019, 2:45pm UTC](https://discuss.elastic.co/t/visualizing-a-network-connection-with-graphics/186281/4 "2019-06-21T14:45:44Z")

</div>

Not yet. It's high on the priorities list, but we don't have a target date for now, Until then, you can use them in the Workpad.

---

<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: [July 19, 2019, 2:45pm UTC](https://discuss.elastic.co/t/visualizing-a-network-connection-with-graphics/186281/5 "2019-07-19T14:45:59Z")

</div>

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