ggsave() ফাংশন মূলত ggplot2 প্যাকেজের একটি ফাংশন, যা R প্রোগ্রামিং ভাষায় ব্যবহৃত হয়। এটি গ্রাফ বা প্লটকে বিভিন্ন ফাইল ফরম্যাটে (যেমন PNG, PDF, JPEG) সেভ করতে ব্যবহৃত হয় এবং high-resolution আউটপুট তৈরি করতে সহায়ক।
গুগল চার্টের মাধ্যমে আপনি সরাসরি গ্রাফ বা চার্ট তৈরি করে তেমন কোনো ggsave() ফাংশন ব্যবহার করতে পারেন না। তবে, গুগল চার্টে তৈরি করা চিত্রগুলিকে high-resolution এ export বা save করার জন্য কিছু কৌশল রয়েছে।
গুগল চার্টে high-resolution plots export করতে কিছু পরামর্শ এবং টিপস দেয়া হল, যা আপনাকে আপনার চার্ট বা গ্রাফের মান এবং রেজোলিউশন বাড়াতে সহায়তা করবে।
গুগল চার্টে High-Resolution Export এর জন্য পদ্ধতি
গুগল চার্টে সরাসরি ggsave() ফাংশন নেই, তবে আপনি কিছু স্ট্রাটেজি ব্যবহার করে high-resolution images তৈরি এবং সেগুলো export করতে পারেন। এর জন্য আপনি Google Charts API বা Google Visualization API এর মাধ্যমে ডেটাকে রেন্ডার করার পর, HTML5 canvas ব্যবহার করে চিত্রটি SVG বা PNG ফরম্যাটে download করতে পারবেন।
১. HTML5 Canvas ব্যবহার করে High-Resolution Export
গুগল চার্টে আপনি Chart বা Visualization তৈরি করার পর, আপনি HTML5 canvas API ব্যবহার করে উচ্চ রেজোলিউশনের চিত্রে এক্সপোর্ট করতে পারবেন। getImageURI() ফাংশনটি এই কাজের জন্য ব্যবহৃত হয়।
Example: Google Charts থেকে High-Resolution Image Export
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart', 'bar']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Month', 'Sales'],
['January', 1000],
['February', 1170],
['March', 660],
['April', 1030]
]);
var options = {
title: 'Monthly Sales',
chartArea: {
width: '50%'
},
hAxis: {
title: 'Total Sales',
minValue: 0
},
vAxis: {
title: 'Month'
}
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
// High-Resolution Image Export
document.getElementById('save_button').onclick = function() {
var imageURI = chart.getImageURI();
var link = document.createElement('a');
link.href = imageURI;
link.download = 'high_res_chart.png';
link.click();
};
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<button id="save_button">Save as High-Resolution Image</button>
</body>
</html>
ব্যাখ্যা:
chart.getImageURI()ফাংশনটি চার্টের একটি image URI রিটার্ন করে, যা একটি base64 encoded string হিসেবে রেজোলিউশন ও ডেটা ধারণ করে।- ব্যবহারকারী যখন Save বাটনে ক্লিক করবে, তখন এটি PNG বা SVG ফরম্যাটে চিত্রটি download করবে।
এভাবে, আপনি গুগল চার্টে তৈরি করা গ্রাফ বা চার্টের high-resolution ইমেজ তৈরি করতে পারবেন।
২. Exporting Google Charts as SVG (Scalable Vector Graphics)
গুগল চার্টে আপনি SVG ফরম্যাটে চিত্র export করতে পারেন, যেটি একটি vector format এবং এটি যেকোনো আকারে সেভ করা যায় এবং গুণগত মান বজায় থাকে। SVG ফরম্যাটের সাহায্যে আপনি উচ্চ রেজোলিউশনের চিত্র ধারণ করতে পারবেন।
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart', 'line']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2016', 1000, 400],
['2017', 1170, 460],
['2018', 660, 1120],
['2019', 1030, 540]
]);
var options = {
title: 'Company Performance',
curveType: 'function',
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
// Export SVG
document.getElementById('save_button').onclick = function() {
var svg = document.getElementById('chart_div').getElementsByTagName('svg')[0];
var svgData = new XMLSerializer().serializeToString(svg);
var blob = new Blob([svgData], {type: 'image/svg+xml'});
var link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = 'high_res_chart.svg';
link.click();
};
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<button id="save_button">Save as SVG</button>
</body>
</html>
ব্যাখ্যা:
- এখানে SVG ফরম্যাটে Line Chart তৈরি করা হয়েছে।
getElementsByTagName('svg')ব্যবহার করে SVG চিত্রটি নেওয়া হচ্ছে, এবং Blob এর মাধ্যমে সেভ করা হচ্ছে।
সারমর্ম
গুগল চার্টে সরাসরি ggsave() ফাংশন নেই, তবে আপনি HTML5 canvas এবং SVG ফরম্যাটের মাধ্যমে উচ্চ রেজোলিউশনের চার্ট export করতে পারেন। getImageURI() ফাংশন ব্যবহার করে আপনি গুগল চার্টের চিত্রটি PNG অথবা SVG ফরম্যাটে high-resolution এ সংরক্ষণ করতে পারবেন। এই কৌশলগুলো ব্যবহার করে আপনি গুগল চার্টে তৈরি করা গ্রাফ ও চিত্রের রেজোলিউশন বৃদ্ধি করে ভালো মানের exported images তৈরি করতে পারবেন।
Read more
