D3 Examples - What per cent of people in the UK have used the Internet?

What per cent of people in the UK have used the Internet?

Picking a year updates the doughnut chart with that year's data.

##Source London Datastore (london.gov.uk): Internet Use by Borough, and Population Sub-Groups. There is additional context in this recent update from the ONS.

See also D3.JS creator Mike Bostock's Pie Chart for a canonical example of how to achieve a pie chart that updates. The colours I chose are from the Flat UI site.

xxxxxxxxxx
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>What per cent of people in the UK have used the Internet?</title>
</head>
<body>
    <link rel="stylesheet" href="style.css">
    <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="jquery-2.0.3.min.js"></script>
    <script src="underscore-min.js"></script>
    <script src='fastclick.js'></script>
    
    <article>   
    </article>
    <div class="controls" id="yearSelect">
        <ul>
            <li>  
                <button type="button" class="btn highlight" data-value="2011">2011</button>
            </li>
            <li>
                 <button type="button" class="btn" data-value="2012">2012</button>
            </li>
            <li>
                <button type="button" class="btn" data-value="2013">2013</button>
            </li>
         </ul>
    </div>
<script src="internetAccess.js"></script>
</body>
​
    