D3 Examples - Can't get checked or indicator to work

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <title>Three Cloud</title>
    
    <style>
      @import url('//fonts.googleapis.com/css?family=Pacifico');
      
      body {
        background-image: url('//s3-us-west-2.amazonaws.com/s.cdpn.io/9329/grey_wash_wall.png');
        font-family: 'Pacifico', cursive;
        font-size: 24px;
        color: #000;
        text-align: center;
        text-shadow: rgba(0, 0, 0, 0.35) 0.1em 0.1em 0.2em;
      }
    </style>
    
    <script src="bower_components/platform/platform.js"></script>
    
    <link rel="import" href="elements/switch-input.html">
  </head>
  <body>
    <section>
      <label for="music">Music:</label>
      <switch-input id="music" checked indicator></switch-input>
    </section>
    <section>
      <label for="video">Video:</label>
      <switch-input id="video"></switch-input>
    </section>
  </body>
</html>
​
    