Skip to content

Instantly share code, notes, and snippets.

@cmdoptesc
cmdoptesc / README.md
Last active Aug 29, 2015 — forked from mbostock/.block
D3 Arc Progress Gauge / Meter (for d3-js group)
View README.md

D3: Async Arc Progress Gauge / Meter

View on bl.ocks.org/cmdoptesc/e9b3bfc6f43b4bd237e2

Forked from Bostock's original Progress Events example to answer Rex X's post on the d3-js group:

The progress meter is based on the number of files that have downloaded. In our case, numberOfFiles is set to 20.

We then generate 20 random durations between 0 - 3000ms to simulate download times, and call setTimeout using the durations. Each timer then calls update, which increments the number of files downloaded, increasing the progress arc with a tweening function.

View get-selected-text
var getSelectedText = function() {
var txt = "";
if (window.getSelection) {
txt = window.getSelection().toString();
} else if (document.selection && document.selection.type != "Control") {
txt = document.selection.createRange().text;
}
return txt;
};
@cmdoptesc
cmdoptesc / color-palettes
Created Aug 8, 2013
colors schemes combinations
View color-palettes
http://design-seeds.com/
http://www.colourlovers.com/palettes/most-loved/past-month/
View index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.graticule {
fill: none;
stroke: #777;
stroke-opacity: .5;
stroke-width: .5px;
}
@cmdoptesc
cmdoptesc / quicksort.js
Created Sep 9, 2013
QuickSort In Place (in JavaScript)
View quicksort.js
// quicksort using new arrays is easy, but surprisingly, there weren't too many examples
// in javascript of in-place quick sort...
// the outer function is simply just a wrapper that copies the original array;
// you can just use lines 12-37 if preserving the original array isn't important
function quickSortInPlace(unsortedArray) {
var unsorted = unsortedArray.slice(); // copy the original array
@cmdoptesc
cmdoptesc / Readme.md
Last active Mar 12, 2016
muniNow Quick Demo
View Readme.md

muniNow Demo

muniNow aims to be a nicer NextMuni by giving users the ability to see when the soonest Muni bus is arriving at a glance.

Live demo on Bl.ocks.org

Powered by D3, built at Catalyst/Hack Reactor as a personal project. And many thanks to Mike and Adnan.

al lin, aug. 2013

@cmdoptesc
cmdoptesc / hn_search_with_sort.js
Last active Apr 12, 2016 — forked from kristopolous/hn_seach.js
HackerNews "Who is Hiring" Search w/ Date Sorting
View hn_search_with_sort.js
function query() {
var SORT_RECENT_FIRST = true;
var SEARCH_REPLIES = true;
var query_list = Array.prototype.slice.call(arguments);
var commentTable = document.querySelector('.comment-tree');
var commentNodes = Array.prototype.slice.call(commentTable.querySelectorAll('.athing'));
var COMMENT_TEXT_SELECTOR = '.c5a,.cae,.c00,.c9c,.cdd,.c73,.c88';
@cmdoptesc
cmdoptesc / manually-trigger-checkbox-change-event.js
Created Nov 29, 2016
Update Switchery toggle-switch to reflect checkbox state via Javascript
View manually-trigger-checkbox-change-event.js
// Manually trigger a change event on a checkbox element to have Switchery update its toggle state
// https://github.com/abpetkov/switchery/issues/27
// http://jsfiddle.net/3am89/
function onChange(checkboxEl) {
if (typeof Event === 'function' || !document.fireEvent) {
var event = document.createEvent('HTMLEvents');
event.initEvent('change', true, true);
checkboxEl.dispatchEvent(event);
View keybase.md

Keybase proof

I hereby claim:

  • I am cmdoptesc on github.
  • I am cmdoptesc (https://keybase.io/cmdoptesc) on keybase.
  • I have a public key whose fingerprint is 59DA 9BAB 126F 9AFC BCFE 6BA8 1918 CAA8 286A 134E

To claim this, I am signing this object: