<html>
<head>
<title>Interfacing to Google Charts Image Chart Venn Chart - RJM Programming - November, 2023</title>
<script type=text/javascript>
var vals=[];
var origemailurl='mailto:?subject=My%20Venn%20Diagram%20...&body=';
var origsmsurl='sms:&body=My%20Venn%20Diagram%20...';
var smsee='';
var chd=location.search.split('chd=')[1] ? ('t:' + decodeURIComponent(location.search.split('chd=')[1].split('&')[0])).replace('t:t:', 't:').replace(/^t\:$/g, '') : "";
var therest=location.search.split('chd=')[1] ? document.URL.split(document.URL.split('#')[0].split('&chd=')[1].split('&')[0])[1].split('#')[0] : "";
function ask() {
var answer='', answertherest='';
if (chd == '') {
answer=prompt("Enter delimited values string for Venn Diagram such that ... " + String.fromCharCode(10) + "The first three values specify the sizes of three circles: A, B, & C. For chart with only two circles, specify zero for the third value." + String.fromCharCode(10) + "The fourth value specifies the size of the intersection of A and B." + String.fromCharCode(10) + "The fifth value specifies the size of the intersection of A and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + "The sixth value specifies the size of the intersection of B and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + "The seventh value specifies the size of the common intersection of A, B, and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + String.fromCharCode(10) + "", (chd == '' ? "100,80,60,30,30,30,10" : (chd.replace('t:',''))));
} else {
answer=prompt("Enter delimited values string for your Venn Diagram collaborations, optionally, such that ... " + String.fromCharCode(10) + "The first three values specify the sizes of three circles: A, B, & C. For chart with only two circles, specify zero for the third value." + String.fromCharCode(10) + "The fourth value specifies the size of the intersection of A and B." + String.fromCharCode(10) + "The fifth value specifies the size of the intersection of A and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + "The sixth value specifies the size of the intersection of B and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + "The seventh value specifies the size of the common intersection of A, B, and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + String.fromCharCode(10) + "", (chd == '' ? "100,80,60,30,30,30,10" : (chd.replace('t:',''))));
}
vals=[];
if (answer != null) {
answer=answer.trim();
if (answer.trim() != '') {
var delimis='';
for (var ii=0; ii<answer.length; ii++) {
if (delimis == '' && (answer.substring(ii).substring(0,1) < '0' || answer.substring(ii).substring(0,1) > '9')) {
delimis=answer.substring(ii).substring(0,1);
}
}
}
if (delimis != '') {
vals=answer.split(delimis);
}
if (vals.length == 6 || vals.length == 7) {
answertherest=prompt('Any optional legend or title argument snippets? Eg. &chdl=A|B|C&chtt=My%20Ven%20Diagram&chco=ff0000,00ff00,0000ff', therest);
if (answertherest == null) { answertherest=''; }
therest=answertherest;
//document.getElementById('myvenn').style.backgroundImage='URL(//www.rjmprogramming.com.au/ITblog/' + Math.min(600,window.innerWidth) + '/' + Math.min(400,window.innerHeight) + '/?cht=v&chd=t:' + encodeURIComponent(answer + therest) + ')';
document.getElementById('myvenn').src='//www.rjmprogramming.com.au/ITblog/' + Math.min(600,window.innerWidth) + '/' + Math.min(400,window.innerHeight) + '/?cht=v&chd=t:' + encodeURIComponent(answer) + therest + '';
if (document.getElementById('tdright').innerHTML == '') {
document.getElementById('tdright').innerHTML="<a target=_blank href='mailto:?subject=My%20Ven%20Diagram%20...&body=" + encodeURIComponent(document.getElementById('myvenn').src.replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' id=aemail title=Email>📧</a> <a target=_blank onmouseover=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; } }\" ontouchstart=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; } }\" href='sms:&body=" + encodeURIComponent(document.getElementById('myvenn').src.replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' id=asms title=SMS>📟</a>";
}
} else {
alert('Try again.');
ask();
}
}
}
</script>
</head>
<body onload="if (parent.window != window) { vals=[]; } else { setTimeout(ask, 8000); }">
<script type=text/javascript>
if (parent.window != window) {
vals=[];
if (parent.document.URL.indexOf('/ITblog') != -1) {
if (chd != '') {
document.write("<h1>Interfacing to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a> regarding your Venn Chart</h1><h3>RJM Programming - November, 2023</h3><table><tr><td id=tdleft><img onclick=ask(); title='Google Chart Image Chart Venn Chart image ... to modify, please click' id=myvnn width=" + Math.min(600,window.innerWidth) + " height=" + Math.min(400,window.innerHeight) + " data-style='display:block;width:" + Math.min(600,window.innerWidth) + "px;height:" + Math.max(400,window.innerHeight) + "px;background:URL(//www.rjmprogramming.com.au/ITblog/" + window.innerWidth + "/" + window.innerHeight + "/?cht=v&chd=" + encodeURIComponent(chd) + ");background-size:cover;' src='//www.rjmprogramming.com.au/ITblog/" + Math.min(600,window.innerWidth) + "/" + Math.min(400,window.innerHeight) + "/?cht=v&chd=" + encodeURIComponent(chd) + therest + "'></img></td><td id=tdright style=vertical-align:top;></td></tr></table>");
} else {
document.write("<h1>Interfacing to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a> Venn Chart</h1><h3>RJM Programming - November, 2023</h3><table><tr><td id=tdleft><img onclick=ask(); title='Google Chart Image Chart Venn Chart image ... to modify, please click' id=myvenn width=" + Math.min(600,window.innerWidth) + " height=" + Math.min(400,window.innerHeight) + " data-style='display:block;width:" + Math.min(600,window.innerWidth) + "px;height:" + Math.max(400,window.innerHeight) + "px;background:URL(//www.rjmprogramming.com.au/ITblog/" + window.innerWidth + "/" + window.innerHeight + "/?cht=v&chd=t:100,80,60,30,30,30,10);background-size:cover;' src='//www.rjmprogramming.com.au/ITblog/" + Math.min(600,window.innerWidth) + "/" + Math.min(400,window.innerHeight) + "/?cht=v&chd=t:100,80,60,30,30,30,10&chdl=A|B|C&chtt=My%20Ven%20Diagram&chco=ff0000,00ff00,0000ff'></img></td><td id=tdright style=vertical-align:top;></td></tr></table>");
}
}
} else if (chd != '') {
document.write("<h1>Interfacing to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a> regarding your Venn Chart</h1><h3>RJM Programming - November, 2023</h3><table><tr><td id=tdleft><img onclick=ask(); title='Google Chart Image Chart Venn Chart image ... to modify, please click' id=myvnn width=" + Math.min(600,window.innerWidth) + " height=" + Math.min(400,window.innerHeight) + " data-style='display:block;width:" + Math.min(600,window.innerWidth) + "px;height:" + Math.max(400,window.innerHeight) + "px;background:URL(//www.rjmprogramming.com.au/ITblog/" + window.innerWidth + "/" + window.innerHeight + "/?cht=v&chd=" + encodeURIComponent(chd) + ");background-size:cover;' src='//www.rjmprogramming.com.au/ITblog/" + Math.min(600,window.innerWidth) + "/" + Math.min(400,window.innerHeight) + "/?cht=v&chd=" + encodeURIComponent(chd) + therest + "'></img></td><td id=tdright style=vertical-align:top;></td></tr></table>");
} else {
document.write("<h1>Interfacing to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a> Venn Chart</h1><h3>RJM Programming - November, 2023</h3><table><tr><td id=tdleft><img onclick=ask(); title='Google Chart Image Chart Venn Chart image ... to modify, please click' id=myvenn width=" + Math.min(600,window.innerWidth) + " height=" + Math.min(400,window.innerHeight) + " data-style='display:block;width:" + Math.min(600,window.innerWidth) + "px;height:" + Math.max(400,window.innerHeight) + "px;background:URL(//www.rjmprogramming.com.au/ITblog/" + window.innerWidth + "/" + window.innerHeight + "/?cht=v&chd=t:100,80,60,30,30,30,10);background-size:cover;' src='//www.rjmprogramming.com.au/ITblog/" + Math.min(600,window.innerWidth) + "/" + Math.min(400,window.innerHeight) + "/?cht=v&chd=t:100,80,60,30,30,30,10&chdl=A|B|C&chtt=My%20Ven%20Diagram&chco=ff0000,00ff00,0000ff'></img></td><td id=tdright style=vertical-align:top;></td></tr></table>");
}
</script>
</body>
</html>