sample_chart_embed.html

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>

    <script type="text/javascript">
        google.load('visualization', '1', {'packages':['motionchart']});
        function drawVisualization() {
            google.visualization.drawChart({
                "containerId": "visualization_div",
                "dataSourceUrl": "https://docs.google.com/spreadsheets/d/1Vr1Ho_bQGMLqyhP5yN1ZL9k9ivpis0wiymgEqZtpsQc/edit#gid=1092289046",
                "query": "SELECT A, B, C",
                "chartType": "MotionChart",
                "options": {
                    "state": '{"yAxisOption":"2","yZoomedDataMin":0,"yLambda":1,"dimensions":{"iconDimensions":["dim0"]},"showTrails":false,"nonSelectedAlpha":0.4,"orderedByX":false,"iconKeySettings":[],"duration":{"timeUnit":"Y","multiplier":1},"colorOption":"2","playDuration":15000,"xZoomedIn":false,"uniColorForNonSelected":false,"xAxisOption":"_TIME","time":"2012","orderedByY":false,"xZoomedDataMax":1325376000000,"sizeOption":"_UNISIZE","xLambda":1,"xZoomedDataMin":662688000000,"yZoomedIn":false,"yZoomedDataMax":40,"iconType":"LINE"}',
                    "width": 960,
                    "height": 500,
                    "showYScalePicker": false
                    }
                });
        }
        google.setOnLoadCallback(drawVisualization);
    </script>

  </head>

  <body>
    <h1>Sample Google Motion Charts Embed</h1>
    <div id="visualization_div"></div>
  </body>
</html>