Last active
April 17, 2023 20:13
-
-
Save TweededBadger/e0926b599b049585ceff to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head lang="en"> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>Data Responsive SVG Map</title> | |
<link rel="stylesheet" href="css/bootstrap.min.css"/> | |
<link rel="stylesheet" href="css/main.css"/> | |
</head> | |
<body ng-app="SvgMapApp" ng-controller="MainCtrl"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-md-6"> | |
<div class="panel panel-default"> | |
<div class="panel panel-body"> | |
<div svg-map></div> | |
<div class="scale"> | |
<div ng-repeat="n in [0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1.0]" | |
ng-style="{backgroundColor:'{{n | map_colour}}'}">{{n}} | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-6"> | |
<p> | |
<button ng-click="createDummyData()" class="btn btn-block btn-default">Create Dummy Data</button> | |
</p> | |
<div class="panel panel-default"> | |
<div class="panel panel-body"> | |
<div class="regionlist"> | |
<div ng-repeat="(key,region) in dummyData" | |
ng-class="{active:hoverRegion==key}" | |
ng-mouseover="changeHoverRegion(key)"> | |
<div>{{key}}</div> | |
<div>{{region.value | number}}</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<script src="js/angular.js"></script> | |
<script src="js/controllers.js"></script> | |
<script src="js/directives.js"></script> | |
<script src="js/filters.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment