# Which visualization creates this

**URL:** <https://discuss.elastic.co/t/which-visualization-creates-this/230609>\
**Category:** Kibana\
**Created:** [April 30, 2020, 6:09pm UTC](https://discuss.elastic.co/t/which-visualization-creates-this/230609 "2020-04-30T18:09:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![edvrfn](https://avatars.discourse-cdn.com/v4/letter/e/4bbf92/32.png) [@edvrfn](https://discuss.elastic.co/u/edvrfn)\
**Post date:** [April 30, 2020, 6:09pm UTC](https://discuss.elastic.co/t/which-visualization-creates-this/230609/1 "2020-04-30T18:09:33Z")

</div>

Which visualization creates both bar chart and bubbles.

 ![Capture](https://us1.discourse-cdn.com/elastic/original/3X/3/b/3b9f8f47d97d556987e600da8357cf32b040c465.png)

---

<div class="post-metadata">

**Author:** ![Luca\_Belluccini](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/luca_belluccini/32/33239_2.png) [@Luca\_Belluccini](https://discuss.elastic.co/u/Luca_Belluccini)\
**Post date:** [April 30, 2020, 6:44pm UTC](https://discuss.elastic.co/t/which-visualization-creates-this/230609/2 "2020-04-30T18:44:37Z")

</div>

This is an histogram aggregation with customized metric styling.

You can see how it is built at this [link](https://demo.elastic.co/app/kibana#/visualize/edit/e1d0f010-9ee7-11e7-8711-e7a007dcef99?_g=(refreshInterval:(pause:!t,value:0),time:(from:now-7d,to:now))&_a=(filters:!(),linked:!f,query:(language:lucene,query:''),uiState:(vis:(colors:('Avg.%20Bytes':%2370DBED,'Unique%20Visitors':%230A437C))),vis:(aggs:!((enabled:!t,id:'1',params:(customLabel:'Avg.%20Bytes',field:bytes),schema:metric,type:avg),(enabled:!t,id:'2',params:(customLabel:'Unique%20Visitors',field:clientip),schema:metric,type:cardinality),(enabled:!t,id:'3',params:(drop_partials:!f,extended_bounds:(),field:timestamp,interval:auto,min_doc_count:1,scaleMetricValues:!f,useNormalizedEsInterval:!t),schema:segment,type:date_histogram),(enabled:!t,id:'4',params:(),schema:radius,type:count)),params:(addLegend:!t,addTimeMarker:!f,addTooltip:!t,categoryAxes:!((id:CategoryAxis-1,labels:(show:!t,truncate:100),position:bottom,scale:(type:linear),show:!t,style:(),title:(),type:category)),grid:(categoryLines:!f,style:(color:%23eee)),labels:(),legendPosition:right,radiusRatio:17,seriesParams:!((data:(id:'1',label:'Avg.%20Bytes'),drawLinesBetweenPoints:!t,interpolate:linear,mode:stacked,show:true,showCircles:!t,type:histogram,valueAxis:ValueAxis-1),(data:(id:'2',label:'Unique%20Visitors'),drawLinesBetweenPoints:!f,interpolate:linear,mode:stacked,show:!t,showCircles:!t,type:line,valueAxis:ValueAxis-2)),thresholdLine:(color:%2334130C,show:!f,style:full,value:10,width:1),times:!(),type:area,valueAxes:!((id:ValueAxis-1,labels:(filter:!f,rotate:0,show:!t,truncate:100),name:LeftAxis-1,position:left,scale:(mode:normal,type:linear),show:!t,style:(),title:(text:'Avg.%20Bytes'),type:value),(id:ValueAxis-2,labels:(filter:!f,rotate:0,show:!t,truncate:100),name:RightAxis-1,position:right,scale:(mode:normal,type:linear),show:!t,style:(),title:(text:'Unique%20Visitors'),type:value))),title:'%5BLogs%5D%20Unique%20Visitors%20vs.%20Average%20Bytes',type:area)))

---

<div class="post-metadata">

**Author:** ![edvrfn](https://avatars.discourse-cdn.com/v4/letter/e/4bbf92/32.png) [@edvrfn](https://discuss.elastic.co/u/edvrfn)\
**Post date:** [April 30, 2020, 9:34pm UTC](https://discuss.elastic.co/t/which-visualization-creates-this/230609/3 "2020-04-30T21:34:38Z")

</div>

Thanks @Luca_Belluccini

---

<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:** [May 28, 2020, 9:34pm UTC](https://discuss.elastic.co/t/which-visualization-creates-this/230609/4 "2020-05-28T21:34:41Z")

</div>

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