How to increase the size of venn diagram workspace
I am using the venn diagram code from here in my angular2+ code -
http://jsfiddle.net/johnpham92/h04sknus/
code
app.js
var sets;
sets = JSON.parse(localStorage.getItem("sets"));
console.log("sets=",sets)
var chart = venn.VennDiagram();
d3.select("#venn").datum(sets).call(chart);
app.component.html
<div id="venn"></div>
When the number of nodes increase , the names overlap like this -
Please help to increase the workspace
javascript
angular asked Nov 28 '18 at 7:40
TechdiveTechdive
229117
add a comment |
I am using the venn diagram code from here in my angular2+ code -
http://jsfiddle.net/johnpham92/h04sknus/
code
app.js
var sets;
sets = JSON.parse(localStorage.getItem("sets"));
console.log("sets=",sets)
var chart = venn.VennDiagram();
d3.select("#venn").datum(sets).call(chart);
app.component.html
<div id="venn"></div>
When the number of nodes increase , the names overlap like this -
Please help to increase the workspace
javascript
angular asked Nov 28 '18 at 7:40
TechdiveTechdive
229117
add a comment |
I am using the venn diagram code from here in my angular2+ code -
http://jsfiddle.net/johnpham92/h04sknus/
code
app.js
var sets;
sets = JSON.parse(localStorage.getItem("sets"));
console.log("sets=",sets)
var chart = venn.VennDiagram();
d3.select("#venn").datum(sets).call(chart);
app.component.html
<div id="venn"></div>
When the number of nodes increase , the names overlap like this -
Please help to increase the workspace
javascript
angular asked Nov 28 '18 at 7:40
TechdiveTechdive
229117
I am using the venn diagram code from here in my angular2+ code -
http://jsfiddle.net/johnpham92/h04sknus/
code
app.js
var sets;
sets = JSON.parse(localStorage.getItem("sets"));
console.log("sets=",sets)
var chart = venn.VennDiagram();
d3.select("#venn").datum(sets).call(chart);
app.component.html
<div id="venn"></div>
When the number of nodes increase , the names overlap like this -
Please help to increase the workspace
javascript
angular javascript
angular asked Nov 28 '18 at 7:40
TechdiveTechdive
229117
asked Nov 28 '18 at 7:40
TechdiveTechdive
229117
edited Nov 28 '18 at 8:41
Techdive
asked Nov 28 '18 at 7:40
TechdiveTechdive
229117
asked Nov 28 '18 at 7:40
TechdiveTechdive
229117
asked Nov 28 '18 at 7:40
TechdiveTechdive
229117
229117
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You can increase the workspace (svg) size like so:
var chart = venn.VennDiagram().width(1200).height(500);
As you can see in the JSFiddle you've linked.
If you can't hardcoded the width and height, I guess you can calculate them before assigning them.
answered Nov 28 '18 at 9:19
benshabatnoambenshabatnoam
2,0501122
sorry. I get this error - Uncaught TypeError: selection.datum is not a function
– Techdive
Nov 28 '18 at 12:09
Figured out. venn.VennDiagram().width(2500).height(2400);
– Techdive
Nov 28 '18 at 12:15
You are correct, I've edit my answer, Is it working now?
– benshabatnoam
Nov 28 '18 at 14:27
yes. Thank you.
– Techdive
Nov 30 '18 at 5:40
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%2f53514414%2fhow-to-increase-the-size-of-venn-diagram-workspace%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
You can increase the workspace (svg) size like so:
var chart = venn.VennDiagram().width(1200).height(500);
As you can see in the JSFiddle you've linked.
If you can't hardcoded the width and height, I guess you can calculate them before assigning them.
answered Nov 28 '18 at 9:19
benshabatnoambenshabatnoam
2,0501122
sorry. I get this error - Uncaught TypeError: selection.datum is not a function
– Techdive
Nov 28 '18 at 12:09
Figured out. venn.VennDiagram().width(2500).height(2400);
– Techdive
Nov 28 '18 at 12:15
You are correct, I've edit my answer, Is it working now?
– benshabatnoam
Nov 28 '18 at 14:27
yes. Thank you.
– Techdive
Nov 30 '18 at 5:40
add a comment |
You can increase the workspace (svg) size like so:
var chart = venn.VennDiagram().width(1200).height(500);
As you can see in the JSFiddle you've linked.
If you can't hardcoded the width and height, I guess you can calculate them before assigning them.
answered Nov 28 '18 at 9:19
benshabatnoambenshabatnoam
2,0501122
sorry. I get this error - Uncaught TypeError: selection.datum is not a function
– Techdive
Nov 28 '18 at 12:09
Figured out. venn.VennDiagram().width(2500).height(2400);
– Techdive
Nov 28 '18 at 12:15
You are correct, I've edit my answer, Is it working now?
– benshabatnoam
Nov 28 '18 at 14:27
yes. Thank you.
– Techdive
Nov 30 '18 at 5:40
add a comment |
You can increase the workspace (svg) size like so:
var chart = venn.VennDiagram().width(1200).height(500);
As you can see in the JSFiddle you've linked.
If you can't hardcoded the width and height, I guess you can calculate them before assigning them.
answered Nov 28 '18 at 9:19
benshabatnoambenshabatnoam
2,0501122
You can increase the workspace (svg) size like so:
var chart = venn.VennDiagram().width(1200).height(500);
As you can see in the JSFiddle you've linked.
If you can't hardcoded the width and height, I guess you can calculate them before assigning them.
answered Nov 28 '18 at 9:19
benshabatnoambenshabatnoam
2,0501122
edited Nov 28 '18 at 14:29
answered Nov 28 '18 at 9:19
benshabatnoambenshabatnoam
2,0501122
answered Nov 28 '18 at 9:19
benshabatnoambenshabatnoam
2,0501122
answered Nov 28 '18 at 9:19
benshabatnoambenshabatnoam
2,0501122
2,0501122
sorry. I get this error - Uncaught TypeError: selection.datum is not a function
– Techdive
Nov 28 '18 at 12:09
Figured out. venn.VennDiagram().width(2500).height(2400);
– Techdive
Nov 28 '18 at 12:15
You are correct, I've edit my answer, Is it working now?
– benshabatnoam
Nov 28 '18 at 14:27
yes. Thank you.
– Techdive
Nov 30 '18 at 5:40
add a comment |
sorry. I get this error - Uncaught TypeError: selection.datum is not a function
– Techdive
Nov 28 '18 at 12:09
Figured out. venn.VennDiagram().width(2500).height(2400);
– Techdive
Nov 28 '18 at 12:15
You are correct, I've edit my answer, Is it working now?
– benshabatnoam
Nov 28 '18 at 14:27
yes. Thank you.
– Techdive
Nov 30 '18 at 5:40
sorry. I get this error - Uncaught TypeError: selection.datum is not a function
– Techdive
Nov 28 '18 at 12:09
sorry. I get this error - Uncaught TypeError: selection.datum is not a function
– Techdive
Nov 28 '18 at 12:09
Figured out. venn.VennDiagram().width(2500).height(2400);
– Techdive
Nov 28 '18 at 12:15
Figured out. venn.VennDiagram().width(2500).height(2400);
– Techdive
Nov 28 '18 at 12:15
You are correct, I've edit my answer, Is it working now?
– benshabatnoam
Nov 28 '18 at 14:27
You are correct, I've edit my answer, Is it working now?
– benshabatnoam
Nov 28 '18 at 14:27
yes. Thank you.
– Techdive
Nov 30 '18 at 5:40
yes. Thank you.
– Techdive
Nov 30 '18 at 5:40
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%2f53514414%2fhow-to-increase-the-size-of-venn-diagram-workspace%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
