Aleksander Lenart fallenartist

Font Face

A mixin for writing @font-face rules in SASS.

Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.

@include font-face(Samplino, fonts/Samplino);

Zoomable/rotatable world globe that uses orthographic projection. Drag behavior is enhanced as described here: https://www.jasondavies.com/maps/rotate/

Performance is not good due to redrawing whole world upon zoom/drag.

	global.THREE = require("three");

	const canvasSketch = require('canvas-sketch');
	const Random = require('canvas-sketch-util/random');

	const gradientHeight = 512;
	const settings = {
	dimensions: [ 2048, gradientHeight * 2 ]
	};

	<!DOCTYPE html>
	<meta charset="utf-8">
	<body>
	<script src="//d3js.org/d3.v4.min.js"></script>
	<script>

	var width = 960,
	height = 500;

	var svg = d3.select("body").append("svg")

	/*
	* This work is free. You can redistribute it and/or modify it under the
	* terms of the Do What The Fuck You Want To Public License, Version 2,
	* as published by Sam Hocevar. See the COPYING file for more details.
	*/
	/*
	* Easing Functions - inspired from http://gizma.com/easing/
	* only considering the t value for the range [0, 1] => [0, 1]
	*/
	EasingFunctions = {

	/*!
	* quantize.js Copyright 2008 Nick Rabinowitz.
	* Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
	*/

	// fill out a couple protovis dependencies
	/*!
	* Block below copied from Protovis: http://mbostock.github.com/protovis/
	* Copyright 2010 Stanford Visualization Group
	* Licensed under the BSD License: http://www.opensource.org/licenses/bsd-license.php