Fraser Xu fraserxu

This variation of a line chart demonstrates how to use a linear gradient to change the color of a line based on a y-threshold. This technique is similar to the gradient encoding, but with two stops at the same offset. An alternative method is to draw multiple lines with different colors and different clipping regions.

	/*
	* packages/reststop2/auth.js
	* Add a method to handle OPTIONS request
	*/

	// return nothing
	RESTstop.add('login', {'method': 'OPTIONS'}, function() {})

	doctype html
	html(lang="en")
	head
	title Map App

	body(ng-app="mapApp" animation="slide-left-right-ios7")
	ion-nav-bar.bar-light.shadow
	ion-nav-view(id="main")

	//- use init-map directive here

	###*
	* Check if a given point in a circle
	* @param {Object} circle a cirle object with radius and center point
	* @param {Object} point a point need to be checked
	* @return {Boolean} True or False
	###
	Map.isInArea = (circle, point) ->
	getDistance = (lng1, lat1, lng2, lat2) ->
	# Radisu of the erath in km
	R = 6371

	// set the default amount of items being displayed
	$scope.limit= 5;

	// loadMore function
	$scope.loadMore = function() {
	$scope.limit = $scope.items.length
	}

	var React = require('react')
	var jsonp = require('jsonp')

	var APP = React.createClass({
	getInitialState: function() {
	return {
	user: {}
	}
	},

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>CSViz embedding test</title>
	</head>
	<body>
	<h4>CSViz embedding test</h4>
	<iframe width="400" height="800" frameborder="0" scrolling="y" marginheight="0" marginwidth="0" src="http://csviz.github.io/csviz"></iframe>
	</body>

	<html>
	<body>
	Hello World!
	</body>
	</html>