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
<!-- ScatterChart generated in R 3.1.1 by googleVis 0.5.5 package --> <!-- Sat Aug 30 09:16:17 2014 --> <!-- jsHeader --> <script type="text/javascript"> // jsData function gvisDataZoomZoom () { var data = new google.visualization.DataTable(); var datajson = [ [ 4, 2 ], [ 4, 10 ], [ 7, 4 ], [ 7, 22 ], [ 8, 16 ], [ 9, 10 ], [ 10, 18 ], [ 10, 26 ], [ 10, 34 ], [ 11, 17 ], [ 11, 28 ], [ 12, 14 ], [ 12, 20 ], [ 12, 24 ], [ 12, 28 ], [ 13, 26 ], [ 13, 34 ], [ 13, 34 ], [ 13, 46 ], [ 14, 26 ], [ 14, 36 ], [ 14, 60 ], [ 14, 80 ], [ 15, 20 ], [ 15, 26 ], [ 15, 54 ], [ 16, 32 ], [ 16, 40 ], [ 17, 32 ], [ 17, 40 ], [ 17, 50 ], [ 18, 42 ], [ 18, 56 ], [ 18, 76 ], [ 18, 84 ], [ 19, 36 ], [ 19, 46 ], [ 19, 68 ], [ 20, 32 ], [ 20, 48 ], [ 20, 52 ], [ 20, 56 ], [ 20, 64 ], [ 22, 66 ], [ 23, 54 ], [ 24, 70 ], [ 24, 92 ], [ 24, 93 ], [ 24, 120 ], [ 25, 85 ] ]; data.addColumn('number','speed'); data.addColumn('number','dist'); data.addRows(datajson); return(data); } // jsDrawChart function drawChartZoomZoom() { var data = gvisDataZoomZoom(); var options = {}; options["allowHtml"] = true; options["width"] = 550; options["height"] = 500; options["chartArea"] = {width:'85%',height:'80%'}; options["legend"] = "none"; options["hAxis"] = {title: 'Speed (mph)', titleTextStyle: {color: '#000000'}}; options["vAxis"] = {title: 'Stopping distance (ft)', titleTextStyle: {color: '#000000'}}; options["title"] = "Speed and stopping distances of cars in the 1920s"; options["explorer"] = {actions: ['dragToZoom', 'rightClickToReset'], maxZoomIn:0.05}; var chart = new google.visualization.ScatterChart( document.getElementById('ZoomZoom') ); chart.draw(data,options); } // jsDisplayChart (function() { var pkgs = window.__gvisPackages = window.__gvisPackages || []; var callbacks = window.__gvisCallbacks = window.__gvisCallbacks || []; var chartid = "corechart"; // Manually see if chartid is in pkgs (not all browsers support Array.indexOf) var i, newPackage = true; for (i = 0; newPackage && i < pkgs.length; i++) { if (pkgs[i] === chartid) newPackage = false; } if (newPackage) pkgs.push(chartid); // Add the drawChart function to the global list of callbacks callbacks.push(drawChartZoomZoom); })(); function displayChartZoomZoom() { var pkgs = window.__gvisPackages = window.__gvisPackages || []; var callbacks = window.__gvisCallbacks = window.__gvisCallbacks || []; window.clearTimeout(window.__gvisLoad); // The timeout is set to 100 because otherwise the container div we are // targeting might not be part of the document yet window.__gvisLoad = setTimeout(function() { var pkgCount = pkgs.length; google.load("visualization", "1", { packages:pkgs, callback: function() { if (pkgCount != pkgs.length) { // Race condition where another setTimeout call snuck in after us; if // that call added a package, we must not shift its callback return; } while (callbacks.length > 0) callbacks.shift()(); } }); }, 100); } // jsFooter </script> <!-- jsChart --> <script type="text/javascript" src="https://www.google.com/jsapi?callback=displayChartZoomZoom"></script> <!-- divChart --> <div id="ZoomZoom" style="width: 550; height: 500;"> </div>