Skip to content

Instantly share code, notes, and snippets.

al cmdoptesc

Block or report user

Report or block cmdoptesc

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
cmdoptesc /
Last active May 15, 2019
D3: Open Hours (.csv parsing)

D3: Open Hours

view on
github repo

D3 visualisation utilising D3's text/CSV to read/parse a CSV file with restaurant information and display which restaurants are currently open.

Users can drag the time (red line) to display restaurants open at other hours.

cmdoptesc / d3.slider.css
Last active Mar 18, 2019
D3: Map Timeline
View d3.slider.css
.d3-slider {
position: relative;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
border: 1px solid #aaaaaa;
z-index: 2;
.d3-slider-horizontal {
height: .8em;
cmdoptesc / windows_netsh_forwarding.txt
Created Jun 26, 2018
Windows port/address forwarding with netsh
View windows_netsh_forwarding.txt
netsh interface portproxy show all
netsh interface portproxy add v4tov4 listenport=8081 listenaddress= connectport=8081 connectaddress=[remote-ip]
netsh interface portproxy reset
cmdoptesc /
Created Apr 7, 2018
YDKJS: this & Object Prototypes, this call site, implicit, explicit binding (Kyle Simpson)

Mirror of You Don't Know JS: this & Object Prototypes, this All Makes Sense Now!

You Don't Know JS: this & Object Prototypes

Chapter 2: this All Makes Sense Now!

In Chapter 1, we discarded various misconceptions about this and learned instead that this is a binding made for each function invocation, based entirely on its call-site (how the function is called).


To understand this binding, we have to understand the call-site: the location in code where a function is called (not where it's declared). We must inspect the call-site to answer the question: what's this this a reference to?

cmdoptesc /
Created Apr 7, 2018
YDKJS: Lexical Scope this and ES6 arrow functions (Kyle Simpson)

Mirror of You Don't Know JS: Scope & Closures, Appendix C: Lexical-this

You Don't Know JS: Scope & Closures

Appendix C: Lexical-this

Though this title does not address the this mechanism in any detail, there's one ES6 topic which relates this to lexical scope in an important way, which we will quickly examine.

ES6 adds a special syntactic form of function declaration called the "arrow function". It looks like this:

cmdoptesc /
Last active Mar 28, 2018
Facebook Privacy Settings for those who still want to use Facebook

Facebook Privacy Settings for those who still want to use Facebook

Only have five minutes? Read the highlights.

Facebook is an advertising platform that builds profiles about its users through their browsing history and sells them.

Google does the same with your search history and YouTube views. On the other hand, Facebook tracks you because a great number of web sites are littered with Facebook's tiny "Share / Like this" button. A user thinks the button is just there to make sharing easier, but it allows Facebook to keep a record every site the user has been on.

example of tracking button

cmdoptesc /
Last active Mar 4, 2018
JavaScript D3: Drawing Concentric Arcs
cmdoptesc / uszipgeo.json
Last active Feb 20, 2018
View uszipgeo.json
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
cmdoptesc / .block
Last active Feb 14, 2018 — forked from mbostock/.block
Municipalities of Mexico II - How to convert a shapefile to TopoJSON by M Bostock
View .block
border: no
height: 600
license: gpl-3.0
cmdoptesc /
Last active Feb 12, 2018
JavaScript D3: Arc tween transitions using attrTween and attr methods

D3: Arcs Tweening Animation

view on

Click on the grey circles. The green arcs will transition using attr, whereas the red ones will use the attrTween method.

If you have not seen/read Bostock's arc tween example, it's probably the best place to start. Secondly, I've posted up a basic example of drawing static, concentric arcs (gist), which might be helpful before adding on tweens/animations.

Below is some annotated source code from my experience playing with arcs. The biggest issue I came across was understanding the role of the arcTween helper function in relation to attrTween. Unlike attr, which takes a value as its second argument, attrTween requires a helper function, arcTween, which will be called during the intermediary animation ticks. This method was used for my [muniNow project](http

You can’t perform that action at this time.