You find below the HTML code of the visualisation. You can copy and paste the code into an existing HTML page. For more information see also ?print.gvis
<!-- BubbleChart generated in R 2.15.0 by googleVis 0.2.14 package --> <!-- Sun Feb 5 19:50:31 2012 --> <!-- jsHeader --> <script type="text/javascript" src="http://www.google.com/jsapi"> </script> <script type="text/javascript"> // jsData function gvisDataBubbleChartID1a9464549dc () { var data = new google.visualization.DataTable(); var datajson = [ [ "Apples", 98, 78, "West", 20 ], [ "Oranges", 96, 81, "East", 15 ], [ "Bananas", 85, 76, "East", 9 ] ]; data.addColumn('string','Fruit'); data.addColumn('number','Sales'); data.addColumn('number','Expenses'); data.addColumn('string','Location'); data.addColumn('number','Profit'); data.addRows(datajson); return(data); } // jsData function gvisDataBubbleChartID1a96ef42e8e () { var data = new google.visualization.DataTable(); var datajson = [ [ "Apples", 111, 79, "West", 32 ], [ "Oranges", 93, 80, "East", 13 ], [ "Bananas", 94, 78, "East", 16 ] ]; data.addColumn('string','Fruit'); data.addColumn('number','Sales'); data.addColumn('number','Expenses'); data.addColumn('string','Location'); data.addColumn('number','Profit'); data.addRows(datajson); return(data); } // jsData function gvisDataBubbleChartID1a9611ca58a () { var data = new google.visualization.DataTable(); var datajson = [ [ "Apples", 89, 76, "West", 13 ], [ "Oranges", 98, 91, "East", 7 ], [ "Bananas", 81, 71, "East", 10 ] ]; data.addColumn('string','Fruit'); data.addColumn('number','Sales'); data.addColumn('number','Expenses'); data.addColumn('string','Location'); data.addColumn('number','Profit'); data.addRows(datajson); return(data); } // jsData function gvisDataMotionChartID1a96f87e039 () { var data = new google.visualization.DataTable(); var datajson = [ [ "Apples", 2008, "West", 98, 78, 20, "2008-12-31" ], [ "Apples", 2009, "West", 111, 79, 32, "2009-12-31" ], [ "Apples", 2010, "West", 89, 76, 13, "2010-12-31" ], [ "Oranges", 2008, "East", 96, 81, 15, "2008-12-31" ], [ "Bananas", 2008, "East", 85, 76, 9, "2008-12-31" ], [ "Oranges", 2009, "East", 93, 80, 13, "2009-12-31" ], [ "Bananas", 2009, "East", 94, 78, 16, "2009-12-31" ], [ "Oranges", 2010, "East", 98, 91, 7, "2010-12-31" ], [ "Bananas", 2010, "East", 81, 71, 10, "2010-12-31" ] ]; data.addColumn('string','Fruit'); data.addColumn('number','Year'); data.addColumn('string','Location'); data.addColumn('number','Sales'); data.addColumn('number','Expenses'); data.addColumn('number','Profit'); data.addColumn('string','Date'); data.addRows(datajson); return(data); } // jsDrawChart function drawChartBubbleChartID1a9464549dc() { var data = gvisDataBubbleChartID1a9464549dc(); var options = {}; options["width"] = 400; options["height"] = 300; options["colors"] = ["#B2EE2C", "#3F4FFF"]; options["title"] = "Fruit data 2008, bubble size reflects profit"; options["sizeAxis"] = {minValue: 0, maxSize: 12}; options["vAxis"] = {title: 'Expenses', viewWindow:{min:65, max:95}, baselineColor:'#EEEEEE', gridlines:{color:'#EEEEEE'}}; options["hAxis"] = {title: 'Sales', viewWindow:{min:70, max:115}, baselineColor:'#EEEEEE', gridlines:{color:'#EEEEEE'}}; var chart = new google.visualization.BubbleChart( document.getElementById('BubbleChartID1a9464549dc') ); chart.draw(data,options); } // jsDrawChart function drawChartBubbleChartID1a96ef42e8e() { var data = gvisDataBubbleChartID1a96ef42e8e(); var options = {}; options["width"] = 400; options["height"] = 300; options["colors"] = ["#B2EE2C", "#3F4FFF"]; options["title"] = "Fruit data 2009, bubble size reflects profit"; options["sizeAxis"] = {minValue: 0, maxSize: 12}; options["vAxis"] = {title: 'Expenses', viewWindow:{min:65, max:95}, baselineColor:'#EEEEEE', gridlines:{color:'#EEEEEE'}}; options["hAxis"] = {title: 'Sales', viewWindow:{min:70, max:115}, baselineColor:'#EEEEEE', gridlines:{color:'#EEEEEE'}}; var chart = new google.visualization.BubbleChart( document.getElementById('BubbleChartID1a96ef42e8e') ); chart.draw(data,options); } // jsDrawChart function drawChartBubbleChartID1a9611ca58a() { var data = gvisDataBubbleChartID1a9611ca58a(); var options = {}; options["width"] = 400; options["height"] = 300; options["colors"] = ["#B2EE2C", "#3F4FFF"]; options["title"] = "Fruit data 2010, bubble size reflects profit"; options["sizeAxis"] = {minValue: 0, maxSize: 12}; options["vAxis"] = {title: 'Expenses', viewWindow:{min:65, max:95}, baselineColor:'#EEEEEE', gridlines:{color:'#EEEEEE'}}; options["hAxis"] = {title: 'Sales', viewWindow:{min:70, max:115}, baselineColor:'#EEEEEE', gridlines:{color:'#EEEEEE'}}; var chart = new google.visualization.BubbleChart( document.getElementById('BubbleChartID1a9611ca58a') ); chart.draw(data,options); } // jsDrawChart function drawChartMotionChartID1a96f87e039() { var data = gvisDataMotionChartID1a96f87e039(); var options = {}; options["width"] = 430; options["height"] = 360; var chart = new google.visualization.MotionChart( document.getElementById('MotionChartID1a96f87e039') ); chart.draw(data,options); } // jsDisplayChart function displayChartBubbleChartID1a9464549dc() { google.load("visualization", "1", { packages:["corechart"] }); google.setOnLoadCallback(drawChartBubbleChartID1a9464549dc); } // jsDisplayChart function displayChartBubbleChartID1a96ef42e8e() { google.load("visualization", "1", { packages:["corechart"] }); google.setOnLoadCallback(drawChartBubbleChartID1a96ef42e8e); } // jsDisplayChart function displayChartBubbleChartID1a9611ca58a() { google.load("visualization", "1", { packages:["corechart"] }); google.setOnLoadCallback(drawChartBubbleChartID1a9611ca58a); } // jsDisplayChart function displayChartMotionChartID1a96f87e039() { google.load("visualization", "1", { packages:["motionchart"] }); google.setOnLoadCallback(drawChartMotionChartID1a96f87e039); } // jsChart displayChartBubbleChartID1a9464549dc() // jsChart displayChartBubbleChartID1a96ef42e8e() // jsChart displayChartBubbleChartID1a9611ca58a() // jsChart displayChartMotionChartID1a96f87e039() <!-- jsFooter --> //--> </script> <table border="0"> <tr> <td> <table border="0"> <tr> <td> <!-- divChart --> <div id="BubbleChartID1a9464549dc" style="width: 400px; height: 300px;"> </div> </td> </tr> <tr> <td> <table border="0"> <tr> <td> <!-- divChart --> <div id="BubbleChartID1a96ef42e8e" style="width: 400px; height: 300px;"> </div> </td> </tr> <tr> <td> <!-- divChart --> <div id="BubbleChartID1a9611ca58a" style="width: 400px; height: 300px;"> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <!-- divChart --> <div id="MotionChartID1a96f87e039" style="width: 430px; height: 360px;"> </div> </td> </tr> </table>