simple transitions with d3.js

<!DOCTYPE html>
<html>
 <head>
    <title>Bar Transition Example</title>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script>
    <script type="text/javascript" src="data.json"></script>
    <script type="text/javascript" src="bar.js"></script>

<div id="demo">
        <div id="buttons">
        <button id="data1">Set Data to data 1</button>
        <button id="data2">Set Data to data 2</button>
        <br>
        <button id="random">Make Random Data</button>
        <input id="num" value=10></input>
        </div>
    <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" id="svg"></svg>
    </div>

<div id="vimeo">
    <iframe src="https://player.vimeo.com/video/29080884?title=0&amp;byline=0&amp;portrait=0" width="500" height="313" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="https://vimeo.com/29080884">[d3cast] Simple Bar Chart Walkthrough</a> from <a href="https://vimeo.com/user4640702">Ian Johnson</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
    </div>

</body>
</html>

Modified http://mbostock.github.com/d3/d3.js to a secure url

https://mbostock.github.com/d3/d3.js