Alex Brajkovic aleksandar-b

A Spinning globe with glowing city markers in D3.

Note: This visualization constantly recalculates and reprojects the position of over 4000 markers and thus needs a lot of computation power. Older computer and mobile devices might struggle with the rendering process. Furthermore the visualization is only optimized for Chrome browsers and might look different than expected when opened in other browsers.

Inspired by Curran Kelleher's idea to plot a world map in D3 by using the GeoNames database as seen in his great Introdction to D3 video.

JavaScript

JavaScript Basics

Javascript fundamentals 7- hours
Udacity Javascript Basics
NodeSchool.io - Javascripting

RegEx

lodash v4.17.20

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

	/*

	This example shows how you can use your data structure as a basis for
	your Firebase security rules to implement role-based security. We store
	each user by their Twitter uid, and use the following simplistic approach
	for user roles:

	0 - GUEST
	10 - USER
	20 - MODERATOR

	JavaScript resources, all free online. They're ordered in diffuculty from top to bottom.

	http://jsforcats.com/
	https://www.youtube.com/playlist?list=PLeL6uTxQ-uX_5BpOb2FDNgG6SxjCs59Kv
	https://www.youtube.com/watch?v=hQVTIJBZook
	https://www.khanacademy.org/computing/computer-science/algorithms
	http://speakingjs.com/es5/index.html
	http://eloquentjavascript.net/index.html
	http://superherojs.com/
	https://www.youtube.com/watch?v=8aGhZQkoFbQ

	{
	"red": {
	"50": "#ffebee",
	"100": "#ffcdd2",
	"200": "#ef9a9a",
	"300": "#e57373",
	"400": "#ef5350",
	"500": "#f44336",
	"600": "#e53935",
	"700": "#d32f2f",

	maxDev = 13; // max deviation in pixels
	spd = 30; //speed of oscillation
	decay = 1.0; //how fast it slows down

	t = time - inPoint;
	x = scale[0] + maxDevMath.sin(spdt)/Math.exp(decay*t);
	y = scale[0]*scale[1]/x;
	[x,y]

	const isNumber = x =>
	!Number.isNaN(parseInt(x)) && Number.isInteger(Math.trunc(x));