Incorrect axis position for grouped marksVega plot with secondary y-axisVega, is it pssible to have duplicate labels in the x axistooltips on grouped bar charts in vega (using group marks)vega-lite: multiple marks in a single chartsIssue with Vega having multiple y axes and mutliple chartsHow to clip marks in Vega 3.0?Vega-lite Line chart order of x axisWhy is the X axis not showing minutes and hours in VEGA script?How to add a text field to a symbol mark
Latex for-and in equation
Is there an Impartial Brexit Deal comparison site?
Why isn't KTEX's runway designation 10/28 instead of 9/27?
How to deal with or prevent idle in the test team?
Resetting two CD4017 counters simultaneously, only one resets
Are taller landing gear bad for aircraft, particulary large airliners?
Can I create an upright 7-foot × 5-foot wall with the Minor Illusion spell?
Adding empty element to declared container without declaring type of element
Bob has never been a M before
Simulating a probability of 1 of 2^N with less than N random bits
Why does this part of the Space Shuttle launch pad seem to be floating in air?
Is it possible to build a CPA Secure encryption scheme which remains secure even when the encryption of secret key is given?
Why is delta-v is the most useful quantity for planning space travel?
How can I raise concerns with a new DM about XP splitting?
Pronouncing Homer as in modern Greek
Giant Toughroad SLR 2 for 200 miles in two days, will it make it?
How do ultrasonic sensors differentiate between transmitted and received signals?
Can the electrostatic force be infinite in magnitude?
Would it be legal for a US State to ban exports of a natural resource?
Did US corporations pay demonstrators in the German demonstrations against article 13?
Java - What do constructor type arguments mean when placed *before* the type?
Installing PowerShell on 32-bit Kali OS fails
Could solar power be utilized and substitute coal in the 19th century?
What to do when my ideas aren't chosen, when I strongly disagree with the chosen solution?
Incorrect axis position for grouped marks
Vega plot with secondary y-axisVega, is it pssible to have duplicate labels in the x axistooltips on grouped bar charts in vega (using group marks)vega-lite: multiple marks in a single chartsIssue with Vega having multiple y axes and mutliple chartsHow to clip marks in Vega 3.0?Vega-lite Line chart order of x axisWhy is the X axis not showing minutes and hours in VEGA script?How to add a text field to a symbol mark
I'd like to group axes
and marks
together within a group
mark, as I'd like a bar chart to be one of several onto the data. However, when I do so the x axis moved from the bottom to the top of the bar chart. Here's an example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
The Group Mark documentation suggests that groups support such nested visualisation specifications. What am I doing wrong?
vega
add a comment |
I'd like to group axes
and marks
together within a group
mark, as I'd like a bar chart to be one of several onto the data. However, when I do so the x axis moved from the bottom to the top of the bar chart. Here's an example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
The Group Mark documentation suggests that groups support such nested visualisation specifications. What am I doing wrong?
vega
add a comment |
I'd like to group axes
and marks
together within a group
mark, as I'd like a bar chart to be one of several onto the data. However, when I do so the x axis moved from the bottom to the top of the bar chart. Here's an example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
The Group Mark documentation suggests that groups support such nested visualisation specifications. What am I doing wrong?
vega
I'd like to group axes
and marks
together within a group
mark, as I'd like a bar chart to be one of several onto the data. However, when I do so the x axis moved from the bottom to the top of the bar chart. Here's an example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
The Group Mark documentation suggests that groups support such nested visualisation specifications. What am I doing wrong?
vega
vega
asked Mar 8 at 8:07
Iain DillinghamIain Dillingham
316212
316212
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
What I was doing wrong was not encoding the width and height of the group mark. Here's my revised example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"encode":
"enter":
"width":
"signal": "width"
,
"height":
"signal": "height"
,
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55059019%2fincorrect-axis-position-for-grouped-marks%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
What I was doing wrong was not encoding the width and height of the group mark. Here's my revised example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"encode":
"enter":
"width":
"signal": "width"
,
"height":
"signal": "height"
,
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
add a comment |
What I was doing wrong was not encoding the width and height of the group mark. Here's my revised example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"encode":
"enter":
"width":
"signal": "width"
,
"height":
"signal": "height"
,
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
add a comment |
What I was doing wrong was not encoding the width and height of the group mark. Here's my revised example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"encode":
"enter":
"width":
"signal": "width"
,
"height":
"signal": "height"
,
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
What I was doing wrong was not encoding the width and height of the group mark. Here's my revised example:
"$schema": "https://vega.github.io/schema/vega/v4.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
"name": "cars",
"format":
"type": "json",
"parse":
"year": "date"
,
"url": "https://vega.github.io/vega-datasets/data/cars.json",
"transform": [
"type": "aggregate",
"groupby": [
"Origin"
],
"as": [
"num_records"
]
]
],
"scales": [
"name": "x",
"type": "band",
"domain":
"data": "cars",
"field": "Origin"
,
"range": "width",
"padding": 0.05
,
"name": "y",
"type": "linear",
"domain":
"data": "cars",
"field": "num_records"
,
"range": "height",
"nice": true
],
"marks": [
"type": "group",
"axes": [
"orient": "bottom",
"scale": "x"
,
"orient": "left",
"scale": "y"
],
"encode":
"enter":
"width":
"signal": "width"
,
"height":
"signal": "height"
,
"marks": [
"type": "rect",
"from":
"data": "cars"
,
"encode":
"enter":
"x":
"scale": "x",
"field": "Origin"
,
"width":
"scale": "x",
"band": 1
,
"y":
"scale": "y",
"field": "num_records"
,
"y2":
"scale": "y",
"value": 0
]
]
answered Mar 13 at 18:47
Iain DillinghamIain Dillingham
316212
316212
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55059019%2fincorrect-axis-position-for-grouped-marks%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown