# Vega: can I get a logaritmic x-axis? **URL:** \ **Category:** Kibana\ **Created:** [May 2, 2018, 2:40pm UTC](https://discuss.elastic.co/t/vega-can-i-get-a-logaritmic-x-axis/130266 "2018-05-02T14:40:09Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Marcel-Jan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marcel-jan/32/31171_2.png) [@Marcel-Jan](https://discuss.elastic.co/u/Marcel-Jan)\ **Post date:** [May 2, 2018, 2:40pm UTC](https://discuss.elastic.co/t/vega-can-i-get-a-logaritmic-x-axis/130266/1 "2018-05-02T14:40:09Z")
I've been playing with Kibana and I'm really happy that Vega is around to make a good scatter plot. I got pretty far making a scatter plot, thanks to the tutorial by @timroes. I only want to make the x-axis logaritmic and I can't seem to get it working. Do I need to add an axis clause? ``` { // We use Vega-Lite syntax here instead of Vega. The Vega visualization // supports both and we can specify which one we want to use by specifying // the corresponding schema here. $schema: "https://vega.github.io/schema/vega-lite/v2.json" // Use points for drawing to actually create a scatterplot mark: point // Specify where to load data from data: { // By using an object to the url parameter we will // construct an Elasticsearch query url: { // Context == true means filters of the dashboard will be taken into account %context%: true // Specify on which field the time picker should operate %timefield%: @timestamp // Specify the index pattern to load data from index: gaiadr2* // This body will be send to Elasticsearch's _search endpoint // You can use everything the ES Query DSL supports here body: { // Set the size to load 10000 documents size: 10000, // Just ask for the fields we actually need for visualization _source: ['astrometric_pseudo_colour', 'lum_val', ' visibility_periods_used'] } } // Tell Vega, that the array of data will be inside hits.hits of the response // since the result returned from Elasticsearch fill have a format like: // { // hits: { // total: 42000, // max_score: 2, // hits: [ // < our individual documents > // ] // } // } format: { property: "hits.hits" } } // Specify what data will be drawn on which axis encoding: { x: { // Draw the time field on the x-axis in temporal mode (i.e. as a time axis) field: _source.astrometric_pseudo_colour type: quantitative // Hide the axis label for the x-axis axis: { title: "Astrometric Pseudo Colour" } } y: { // Draw the bytes of each document on the y-axis field: _source.lum_val // Mark the y-axis as quantitative type: quantitative // Specify the label for this axis axis: { title: "Stellar luminosity" } } color: { // Make the color of each point depend on the _source.extension field field: _source.visibility_periods_used // Treat different values as completely unrelated values to each other. // You could switch this to quantitative if you have a numeric field and // want to create a color scale from one color to another depending on that // field's value. type: nominal // Rename the legend title so it won't just state: "_source.extension" legend: { title: 'visibility_periods_used' } } shape: { // Also make the shape of each point dependent on the extension. field: _source.visibility_periods_used type: nominal } } } ``` ---
**Author:** ![Brandon\_Kobel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/brandon_kobel/32/14829_2.png) [@Brandon\_Kobel](https://discuss.elastic.co/u/Brandon_Kobel)\ **Post date:** [May 2, 2018, 3:55pm UTC](https://discuss.elastic.co/t/vega-can-i-get-a-logaritmic-x-axis/130266/2 "2018-05-02T15:55:01Z")
@Marcel-Jan have you tried the [logarithmic scale](https://vega.github.io/vega-lite/docs/scale.html#log) ? ---
**Author:** ![timroes](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/timroes/32/19712_2.png) [@timroes](https://discuss.elastic.co/u/timroes)\ **Post date:** [May 2, 2018, 3:58pm UTC](https://discuss.elastic.co/t/vega-can-i-get-a-logaritmic-x-axis/130266/3 "2018-05-02T15:58:40Z")
It should work as Brandon mentioned, just add a `scale: { type: "log" }` in the line below `axis: { title: "Astrometric Pseudo Colour" }` ---
**Author:** ![Marcel-Jan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marcel-jan/32/31171_2.png) [@Marcel-Jan](https://discuss.elastic.co/u/Marcel-Jan)\ **Post date:** [May 2, 2018, 5:36pm UTC](https://discuss.elastic.co/t/vega-can-i-get-a-logaritmic-x-axis/130266/4 "2018-05-02T17:36:11Z")
Hey, there you go. Yes, the Y-axis is logaritmic. I mentioned the wrong axis. But anyway: it worked! ![gaia2_hertzsprung_russell](https://us1.discourse-cdn.com/elastic/original/3X/e/a/ea9b93e46cee586e4031de372357246b9d7712af.PNG) Thanks! For anyone else taming the Vega code, here it is, including how I zoomed in on the X-axis. ``` { // We use Vega-Lite syntax here instead of Vega. The Vega visualization // supports both and we can specify which one we want to use by specifying // the corresponding schema here. $schema: "https://vega.github.io/schema/vega-lite/v2.json" // Use points for drawing to actually create a scatterplot mark: point // Specify where to load data from data: { // By using an object to the url parameter we will // construct an Elasticsearch query url: { // Context == true means filters of the dashboard will be taken into account %context%: true // Specify on which field the time picker should operate %timefield%: @timestamp // Specify the index pattern to load data from index: gaiadr2* // This body will be send to Elasticsearch's _search endpoint // You can use everything the ES Query DSL supports here body: { // Set the size to load 10000 documents size: 10000, // Just ask for the fields we actually need for visualization _source: ['astrometric_pseudo_colour', 'lum_val', ' visibility_periods_used'] } } // Tell Vega, that the array of data will be inside hits.hits of the response // since the result returned from Elasticsearch fill have a format like: // { // hits: { // total: 42000, // max_score: 2, // hits: [ // < our individual documents > // ] // } // } format: { property: "hits.hits" } } // Specify what data will be drawn on which axis encoding: { x: { // Draw the time field on the x-axis in temporal mode (i.e. as a time axis) field: _source.astrometric_pseudo_colour type: quantitative // Hide the axis label for the x-axis axis: { title: "Astrometric Pseudo Colour" } scale: { domain: [1.2, 1.8] } } y: { // Draw the bytes of each document on the y-axis field: _source.lum_val // Mark the y-axis as quantitative type: quantitative // Specify the label for this axis axis: { title: "Stellar luminosity" } scale: { type: "log" } } color: { // Make the color of each point depend on the _source.extension field field: _source.visibility_periods_used // Treat different values as completely unrelated values to each other. // You could switch this to quantitative if you have a numeric field and // want to create a color scale from one color to another depending on that // field's value. type: nominal // Rename the legend title so it won't just state: "_source.extension" legend: { title: 'visibility_periods_used' } } shape: { // Also make the shape of each point dependent on the extension. field: _source.visibility_periods_used type: nominal } } } ``` ---
**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\ **Post date:** [May 30, 2018, 5:36pm UTC](https://discuss.elastic.co/t/vega-can-i-get-a-logaritmic-x-axis/130266/5 "2018-05-30T17:36:11Z")
Closed on May 30, 2018, 5:36pm UTC This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.