-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathng.html
More file actions
80 lines (77 loc) · 4.73 KB
/
Copy pathng.html
File metadata and controls
80 lines (77 loc) · 4.73 KB
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Baseline UI</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/d3ng-it/ng.html">
<style>
html{font:1rem/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color:#000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-text-size-adjust: 100%;/* 2 */-webkit-text-size-adjust:100%;/* 2 */}
svg{border:1px dotted #7B8B3B;}
.bar{fill:rgb(154, 216, 224);}
.bar:nth-child(2n){fill:rgb(105, 182, 192);}
.bar.active, .bar:hover{fill:red;}
line{stroke:black;}
.axis{opacity:0.5;}
.axis:hover{opacity:1;}
.axis path, .axis line{fill:none;stroke:black;}
.axis text{font-size:small;}
.line-indicator{transition: transform 100ms ease-out;font-weight:bold;font-size:small;}
</style>
<body ng-view>
<h4 class="loading">loading</h4>
<script>
/*
AngularJS v1.3.1
(c) 2010-2014 Google, Inc. http://angularjs.org
License: MIT
TODO log http://errors to somewhere else
*/
(function(){'use strict';function d(b){return function(){var c=arguments[0],e;e="["+(b?b+":":"")+c+"] http://errors.angularjs.org/1.3.1/"+(b?b+"/":"")+c;for(c=1;c<arguments.length;c++){e=e+(1==c?"?":"&")+"p"+(c-1)+"=";var d=encodeURIComponent,a;a=arguments[c];a="function"==typeof a?a.toString().replace(/ \{[\s\S]*$/,""):"undefined"==typeof a?"undefined":"string"!=typeof a?JSON.stringify(a):a;e+=d(a)}return Error(e)}}(function(b){function c(a,c,b){return a[c]||(a[c]=b())}var e=d("$injector"),n=d("ng");
b=c(b,"angular",Object);b.$$minErr=b.$$minErr||d;return c(b,"module",function(){var a={};return function(b,d,g){if("hasOwnProperty"===b)throw n("badname","module");d&&a.hasOwnProperty(b)&&(a[b]=null);return c(a,b,function(){function a(b,d,e,f){f||(f=c);return function(){f[e||"push"]([b,d,arguments]);return h}}if(!d)throw e("nomod",b);var c=[],k=[],l=[],m=a("$injector","invoke","push",k),h={_invokeQueue:c,_configBlocks:k,_runBlocks:l,requires:d,name:b,provider:a("$provide","provider"),factory:a("$provide",
"factory"),service:a("$provide","service"),value:a("$provide","value"),constant:a("$provide","constant","unshift"),animation:a("$animateProvider","register"),filter:a("$filterProvider","register"),controller:a("$controllerProvider","register"),directive:a("$compileProvider","directive"),config:m,run:function(a){l.push(a);return this}};g&&m(g);return h})}})})(window)})(window);
</script>
<script>
/*!
* $script.js v1.3
* https://github.com/ded/script.js
* Copyright: @ded & @fat - Dustin Diaz, Jacob Thornton 2011
* Follow our software http://twitter.com/dedfat
* License: MIT
*/
!function(a,b,c){function t(a,c){var e=b.createElement("script"),f=j;e.onload=e.onerror=e[o]=function(){e[m]&&!/^c|loade/.test(e[m])||f||(e.onload=e[o]=null,f=1,c())},e.async=1,e.src=a,d.insertBefore(e,d.firstChild)}function q(a,b){p(a,function(a){return!b(a)})}var d=b.getElementsByTagName("head")[0],e={},f={},g={},h={},i="string",j=!1,k="push",l="DOMContentLoaded",m="readyState",n="addEventListener",o="onreadystatechange",p=function(a,b){for(var c=0,d=a.length;c<d;++c)if(!b(a[c]))return j;return 1};!b[m]&&b[n]&&(b[n](l,function r(){b.removeEventListener(l,r,j),b[m]="complete"},j),b[m]="loading");var s=function(a,b,d){function o(){if(!--m){e[l]=1,j&&j();for(var a in g)p(a.split("|"),n)&&!q(g[a],n)&&(g[a]=[])}}function n(a){return a.call?a():e[a]}a=a[k]?a:[a];var i=b&&b.call,j=i?b:d,l=i?a.join(""):b,m=a.length;c(function(){q(a,function(a){h[a]?(l&&(f[l]=1),o()):(h[a]=1,l&&(f[l]=1),t(s.path?s.path+a+".js":a,o))})},0);return s};s.get=t,s.ready=function(a,b,c){a=a[k]?a:[a];var d=[];!q(a,function(a){e[a]||d[k](a)})&&p(a,function(a){return e[a]})?b():!function(a){g[a]=g[a]||[],g[a][k](b),c&&c(d)}(a.join("|"));return s};var u=a.$script;s.noConflict=function(){a.$script=u;return this},typeof module!="undefined"&&module.exports?module.exports=s:a.$script=s;
/*
var _link, link = b.createElement('link');
link.href="style.css",link.rel='stylesheet',link.type="text/css";
b.head.insertBefore(link, b.head.firstChild);
*/
}(this,document,setTimeout)
var d3ngit = {mock: /\b(mock|stub|fake)\b/i.test( location.hash )};
window.d3ngit = d3ngit;
$script(
'lib/ng/angular.js, lib/ng/angular-route.js, d3ngit.js, lib/d3.js'.split(/,\s*/)
, function() {
function boot(){
angular.bootstrap(document, ['d3ngit']);
};
if(d3ngit.mock){
$script(['lib/harharhar.js', 'ng/angular-mocks.js','mocks.js'], boot);
}else{
boot();
};
});
</script>
<script type="text/ng-template" id="t-colorpicking.html">
<form novalidate ng-submit="picked()" >
<fieldset>
<input type=color id="color-{{$id}}" ng-model="color.hex"> <input type=text ng-model="color.hex">
select number of colors, type of scheme, output to
TODO
</fieldset>
</form>
</script>
<script type="text/ng-template" id="t-alt.html">
<visi-bar></visi-bar>
</script>
</body>
</html>