Johan Sundström johan

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                johan
                / README.md
            
            
              Last active
              March 1, 2024 05:26
                — forked from mbostock/.block
            
          
    Hourly solar analemmas (ignoring daylight savings time) as seen from San Francisco in 2014.

  
## autofork.js
var f = document.createElement("form");
f.method = "POST";
f.action = "/fork" + location.pathname;
f.appendChild(document.querySelector("input[name=authenticity_token]"));
f.submit();

## readme.md

      
              2 files
            
          
              14 forks
            
          
              14 comments
            
          
              8 stars
            
          
                johan
                / readme.md
            
            
              Last active
              October 17, 2022 23:14
                — forked from johan/autofork.js
            
              
                (Re)fork any gist, including your own
              
          
    Want to fork your own gists? No fork button? No problem!
Install this user script by clicking refork.user.js' "raw" link down below: ⇓

  
## README.md

      
              2 files
            
          
              4 forks
            
          
              0 comments
            
          
              12 stars
            
          
                johan
                / README.md
            
            
              Last active
              November 6, 2021 14:09
                — forked from NV/Readme.md
            
              
                JS debug breakpoint / log snippets
              
          
    stopBefore.js

2min screencast
These tools inject a breakpoint, console.log or console.count
in any function you want to spy on via
stopBefore('Element.prototype.removeChild')
or ditto stopAfter, logBefore / logAfter / logAround / logCount.
Works in Chrome DevTools and Safari Inspector; Firefox dev tools reportedly less so.

  
## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>d3.js Spinny Globe from Mike Bostock's SVG Open 2011 keynote</title>
    <script src="http://mbostock.github.com/d3/d3.js"></script>
    <script src="http://mbostock.github.com/d3/d3.geo.js"></script>
    <link type="text/css" rel="stylesheet" href="http://mbostock.github.com/d3/talk/20111018/style.css"/>
    <link type="text/css" rel="stylesheet" href="http://mbostock.github.com/d3/talk/20111018/colorbrewer/colorbrewer.css"/>
    <style type="text/css">

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>Index of all bl.ocks.org pages owned by a github user</title>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.0.3"></script>
    <base target="_top">
    <style>
body    { padding: 0.5em; margin: 0; }
h1      { padding: 0; margin: 0; }

## README.md

      
              3 files
            
          
              1 fork
            
          
              0 comments
            
          
              0 stars
            
          
                johan
                / README.md
            
            
              Last active
              January 16, 2020 12:17
                — forked from benelsen/README.md
            
              
                Earth, night and day sides.
              
          
    The current solar terminator (the non-sunlit part of the Earth) is shown in blue. (Origin: Ben Elsen’s fix of Mike Bostock’s original)

  
## google-map-marker-with-shadow.js
/* Here's how to add a coloured marker to a Google Map with a shadow in the
   right place.

   The pin itself used to be dynamically generated via Google Charts:
      //chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|3491FF|000000
   documented here:
      https://developers.google.com/chart/image/docs/gallery/dynamic_icons

   Note however that this API was marked as deprecated on April 20th 2012
   although it's not clear when or if it will be turned off.

## dnd.js
// http://www.html5rocks.com/en/tutorials/file/dndfiles/
d3.select('svg')
  .on('dragover', handleDragOver)
  .on('drop', handleFileSelect)
  ;

function handleFileSelect() {
  var event = d3.event
    , files = event.dataTransfer.files // FileList object
    , about = []

## .block
license: gpl-3.0
	var f = document.createElement("form");
	f.method = "POST";
	f.action = "/fork" + location.pathname;
	f.appendChild(document.querySelector("input[name=authenticity_token]"));
	f.submit();
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<title>d3.js Spinny Globe from Mike Bostock's SVG Open 2011 keynote</title>
	<script src="http://mbostock.github.com/d3/d3.js"></script>
	<script src="http://mbostock.github.com/d3/d3.geo.js"></script>
	<link type="text/css" rel="stylesheet" href="http://mbostock.github.com/d3/talk/20111018/style.css"/>
	<link type="text/css" rel="stylesheet" href="http://mbostock.github.com/d3/talk/20111018/colorbrewer/colorbrewer.css"/>
	<style type="text/css">
	/* Here's how to add a coloured marker to a Google Map with a shadow in the
	right place.

	The pin itself used to be dynamically generated via Google Charts:
	//chart.apis.google.com/chart?chst=d_map_pin_letter&chld=\|3491FF\|000000
	documented here:
	https://developers.google.com/chart/image/docs/gallery/dynamic_icons

	Note however that this API was marked as deprecated on April 20th 2012
	although it's not clear when or if it will be turned off.
	// http://www.html5rocks.com/en/tutorials/file/dndfiles/
	d3.select('svg')
	.on('dragover', handleDragOver)
	.on('drop', handleFileSelect)
	;

	function handleFileSelect() {
	var event = d3.event
	, files = event.dataTransfer.files // FileList object
	, about = []