| <div id="chart"> | |
| <h4>Percent of adults over 25 with at least a bachelor's degree:</h4> | |
| <p><strong>Median:</strong> <span class="median"></span></p> | |
| <small>Source: <cite><a href="http://census.gov">U.S. Census Bureau</a></cite>, via <cite><a href="http://beta.censusreporter.org/compare/01000US/040/table/?release=acs2011_1yr&table=B15003">Census Reporter</a></cite></small> | |
| </div> |
| <div ng-app="sortableApp" ng-controller="sortableController" class="container"> | |
| <h2>ui.sortable connected lists event order</h2> | |
| <div class="floatleft"> | |
| <div ui-sortable="sortableOptionsList[0]" class="apps-container screen floatleft" ng-model="rawScreens[0]"> | |
| <div class="app" ng-repeat="app in rawScreens[0]">{{$index}} {{app.title}}</div> | |
| </div> | |
| <div ui-sortable="sortableOptionsList[1]" class="apps-container screen floatleft" ng-model="rawScreens[1]"> | |
| <div class="app" ng-repeat="app in rawScreens[1]">{{$index}} {{app.title}}</div> | |
| </div> |
| function focus() { | |
| $('input').focus(); | |
| } | |
| $(focus); | |
| $(function() { | |
| $(document.body).load(focus); | |
| $('#click').click(focus); | |
| $('#click-timeout').click(function() { | |
| setTimeout(focus); | |
| }); |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Virtual Scrolling Demo</title> | |
| <style> | |
| html, body { | |
| width: 100%; | |
| height: 100%; | |
| margin: 0; |
This simple bar chart is constructed from a TSV file storing the frequency of letters in the English language. The chart employs conventional margins and a number of D3 features: