d3-angular-app/index.html at master · fallonfarmer/d3-angular-app · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html ng-app="chartApp">

  <head>
    <meta charset="utf-8" />
    <title>D3 & AngularJS area chart</title>
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/dc/2.0.1/dc.min.css">
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.12/crossfilter.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/dc/2.0.1/dc.min.js"></script>
    <script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
    <script data-require="angular.js@1.2.x" src="http://code.angularjs.org/1.2.5/angular.js" data-semver="1.2.5"></script>
    <script src="static/js/app.js"></script>
  </head>

  <body ng-controller="appCtrl">
    <h1>Trends chart with preview slider</h1>
    <trend-chart class="trend-chart" chart-data="myData"></trend-chart>
    <h1>DC.js chart</h1>
    <div ng-controller="chartController" class="dc-chart_container">
      <div id="trend-chart"></div>
      <div id="trend-filter-chart"></div>
    </div>
  </body>

</html>