# HOW to Create Pie visualized Browser name w/ version, Device and OS used

**URL:** <https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253>\
**Category:** Kibana\
**Created:** [September 12, 2018, 3:26am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253 "2018-09-12T03:26:02Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![mark.quilates](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mark.quilates/32/24802_2.png) [@mark.quilates](https://discuss.elastic.co/u/mark.quilates)\
**Post date:** [September 12, 2018, 3:26am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/1 "2018-09-12T03:26:02Z")

</div>

Hi Guys,

Is there a way to create pie visualization that display, **Browser name w/ version, Device and OS used?**

Can help me how please. Thanks!

---

<div class="post-metadata">

**Author:** ![Christian\_Dahlqvist](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/christian_dahlqvist/32/4617_2.png) [@Christian\_Dahlqvist](https://discuss.elastic.co/u/Christian_Dahlqvist)\
**Post date:** [September 12, 2018, 5:56am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/2 "2018-09-12T05:56:12Z")

</div>

What does your data look like?

---

<div class="post-metadata">

**Author:** ![mark.quilates](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mark.quilates/32/24802_2.png) [@mark.quilates](https://discuss.elastic.co/u/mark.quilates)\
**Post date:** [September 12, 2018, 6:05am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/3 "2018-09-12T06:05:49Z")

</div>

Hi @Christian_Dahlqvist,

My data is from "agent" field. But, I don't know how can I segregate the data to have Browser name, Browser version, Device, OS name and OS version that I can use to create pie chart.

Please see attached screenshot.

 ![browser](https://us1.discourse-cdn.com/elastic/original/3X/9/c/9cc789c40ce007c42a4dae992a8c921458a11213.png)

---

<div class="post-metadata">

**Author:** ![Christian\_Dahlqvist](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/christian_dahlqvist/32/4617_2.png) [@Christian\_Dahlqvist](https://discuss.elastic.co/u/Christian_Dahlqvist)\
**Post date:** [September 12, 2018, 6:08am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/4 "2018-09-12T06:08:54Z")

</div>

That is usually added at indexing time through either the [user agent ingest pipeline processor](https://www.elastic.co/guide/en/elasticsearch/plugins/current/ingest-user-agent.html) or the [Logstash useragent filter](https://www.elastic.co/guide/en/logstash/current/plugins-filters-useragent.html). How did you ingest this data?

If you have not done that with your data, you should be able to use the [reindex API](https://www.elastic.co/guide/en/elasticsearch/reference/6.4/docs-reindex.html) together with an ingest pipeline to do this.

---

<div class="post-metadata">

**Author:** ![mark.quilates](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mark.quilates/32/24802_2.png) [@mark.quilates](https://discuss.elastic.co/u/mark.quilates)\
**Post date:** [September 12, 2018, 6:12am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/5 "2018-09-12T06:12:22Z")

</div>

I'm using logstash 6.4, please see below my pipe.conf

input {  
beats {  
port =\> "5044"  
}  
}  
filter {  
grok {  
match =\> { "message" =\> "%{COMBINEDAPACHELOG}"}  
}  
geoip {  
source =\> "clientip"  
}

}

output {  
elasticsearch {  
hosts =\> ["localhost:9200"]  
manage\_template =\> false  
index =\> "%{[@metadata][beat]}-%{[@metadata][version]}-%{+YYYY.MM.dd}"  
document\_type =\> "%{[@metadata][type]}"  
}  
}

---

<div class="post-metadata">

**Author:** ![Christian\_Dahlqvist](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/christian_dahlqvist/32/4617_2.png) [@Christian\_Dahlqvist](https://discuss.elastic.co/u/Christian_Dahlqvist)\
**Post date:** [September 12, 2018, 6:12am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/6 "2018-09-12T06:12:56Z")

</div>

Then you need to also add the useragent filter I linked to.

---

<div class="post-metadata">

**Author:** ![mark.quilates](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mark.quilates/32/24802_2.png) [@mark.quilates](https://discuss.elastic.co/u/mark.quilates)\
**Post date:** [September 12, 2018, 6:16am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/7 "2018-09-12T06:16:10Z")

</div>

Ah I see, I need to add another filter block for useragent?

---

<div class="post-metadata">

**Author:** ![Christian\_Dahlqvist](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/christian_dahlqvist/32/4617_2.png) [@Christian\_Dahlqvist](https://discuss.elastic.co/u/Christian_Dahlqvist)\
**Post date:** [September 12, 2018, 6:16am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/8 "2018-09-12T06:16:31Z")

</div>

Yes.

---

<div class="post-metadata">

**Author:** ![mark.quilates](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mark.quilates/32/24802_2.png) [@mark.quilates](https://discuss.elastic.co/u/mark.quilates)\
**Post date:** [September 12, 2018, 6:17am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/9 "2018-09-12T06:17:56Z")

</div>

Okay, I'll check with the link above you provided then. Thanks!

---

<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:** [October 10, 2018, 6:17am UTC](https://discuss.elastic.co/t/how-to-create-pie-visualized-browser-name-w-version-device-and-os-used/148253/10 "2018-10-10T06:17:59Z")

</div>

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