JSFiddle

  • Test Get Conversion Rate API

    This is just a sample snippet to test the Get conversion rate API: https://github.com/svignara/get-conversion-rate

    (function() {
      'use strict';
    
      $(function() {
        $('form[name="conversionFinder"]').on('submit', function(e) {
          e.preventDefault();
          var sellCurrency = (this.sellValue.value) ? this.sellValue ...
  • ES6 Classes

    Just practicing defining classes with ES6 syntax

    (function(){
    
    	'use strict';
      
      class Person {
     
      	constructor(person){
        	this.name = person.name;
          this.birthYear = person.birthYear;
          Person.count = (typeof Person.count ...
  • Google Maps API with AngularJS #8 is the latest revision

    This is just a small snippet of how AngularJS can be used with Google Maps in quite a powerful way.

    //Data
    var cities = [{
      name: 'Toronto',
      team: 'Maple Leafs',
      lat: 43.643156,
      long: -79.379614
    }, {
      name: 'New York',
      team: 'Rangers',
      lat ...
  • Heatmap of USA Tornados in 2011

    Using the Heatmap Layer in Google Maps API to visualize Tornado intensity for each month of 2011.

    /* Data */
    var tornados = [{
      "Date": "1/1/11",
      "Lat": "32.6646",
      "Lng": "-88.8355"
    }, {
      "Date": "1/1/11",
      "Lat": "33.0609 ...
  • World Population

    Using Google's Data Visualization to see a map of the world population

    var countryPopulations = [
      ['China', 1347350000],
      ['India', 1210193422],
      ['United States', 315028000],
      ['Indonesia', 237641326],
      ['Brazil', 193946886],
      ['Pakistan', 181637000],
      ['Nigeria', 166629000],
      ['Bangladesh', 152518015],
      ['Russia ...
  • Data binding with jQuery

    jQuery 1.11.0, HTML, CSS, JavaScript

    $(function(){
        var msgInput = $('#message-input'),
            msgOutput = $('#message-output'),
            message = '';
        
        msgInput.on('keyup', function(){
            message = this.value;
            msgOutput.text(message);
        });
    });
        
  • Data binding with AngularJS #1 is the latest revision

    Prime example of AngularJS data binding

    var App = angular.module('App',[]);
    
    App.controller('MyCtrl', [
        '$scope',
        function($scope){
            
        }
    ]);
    
    angular.bootstrap(document.getElementById('app'), ['App']);
  • Checking out StyledMarker libary. #56 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    function initialize() {
        var myLatLng = new google.maps.LatLng(37.313477473067, -121.880502070713);
        var myOptions = {
            zoom: 11,
            center: myLatLng
        };
    
        var map ...
  • demonstrating custom filters in angularjs #40 is the latest revision

    this filter groups items alphabetically

    angular.module('sampleApp', []).filter('cfilter', function () {
        return function (items, x) {
            var groups = [];
            for (var i = 0; i < items.length; i ...
  • Google Maps' CloudLayer #15 is the latest revision

    jQuery 1.10.1, HTML, CSS, JavaScript

    google.maps.visualRefresh = true;
    
    (function() {
        
        var map = new google.maps.Map($('#map')[0], {
            center : new google.maps.LatLng(43.7 ...