HTML+CSS jotdown notes misc
Complete List of HTML Meta Tags
A better markdown cheatsheet.
Complete list of github markdown emoji markup
Complete remove of git submoule
OP file, compilable by jison-gho. SO: https://stackoverflow.com/posts/58902159
Solution 2 for https://stackoverflow.com/questions/58891186/custom-location-tracking-in-jison-gho#58891186
Working implementation 1 for https://stackoverflow.com/questions/58891186/custom-location-tracking-in-jison-gho#58891186
What forces layout/reflow. The comprehensive list.
grammar pseudo language
opgave
Making Javascript faster
Response to PEGjs question in the mailing list -- big for a response; blog entry size but still lacking context to be able to stand on its own
collapsible D3.js force layout + dat.gui for fiddling
JISON sample wrapper showcasing custom error handlers (stripped JavaScript, ... where more must be done)
Here are some things you can do with Gists in GistBox.
snip&snap extracts from our major JISON grammar file, showcasing 'code sections' a la BISON plus a few other bits & tricks. Note the %{ ... %} sections which are JISON's 'code sections'. Also note the code following that last '%%' marker: that is another 'code section' - and the most important one.
reference scans for the new D3.js scales+axis work-in-progress
Staafjespuzzel code from Henk, tweaked. (36cube puzzle)
JavaScript: a state-machine-based lexer + recursive descent (LL(k)) grammar parser + abstract syntax tree (AST) + generator
d3.js: mouse drag a la iphone: decceleration
Polybrush Example
d3.js: axis new and vanilla comparison side-by-side
d3.js: Q: pack layout with images
D3 using nest on csv data
d3.js: Mike Bostocks talk (2011/09) as gist (force layout with multiple foci examples)
d3.js: using tree layout for graphs which have nodes with multiple 'parents'
Help on mapping to Cartesian coordinate (log scale)
Help on mapping to Cartesian coordinate
d3.js: force layout: using custom tick handler to draw a tree/hierarchy
d3.js: using layout.force to plot tree graphs (where nodes may have multiple parents) - Part 1: pure tree
d3.js: constraining drag do circular path : response to http://jsfiddle.net/EBMSr/17/
d3.js: force layout with 'pinning' nodes after dragging (SHIFT or CTRL key)
d3.js: force layout with self-referencing links
d3.js [vanilla/mbostock]: axes examples - reduced
d3.js [vanilla/mbostock]: axes examples
d3.js: axes examples (scientific, classical) with constant and adjusting subtick counts
Interactive Streamgraph D3
d3.js: mouse events (click, shift-click, etc.) on text nodes
HTML5 Canvas path benchmark ('source-over' composition mode)
HTML5 Canvas path benchmark (various composition modes)
Scatterplot (Canvas)
San Francisco Bay sea level rise projection
San Francisco Bay sea level rise projection
D3 Radial Hub and Spoke Chart Mixed in With HTML Layout Constructs
d3.js: load Adobe Photoshop ASE color palette file to color graph
force layout with collision avoidance using a layered force layout
force layout with collision avoidance using custom quadtree
Animated Bubble Chart
d3.js: quantitative foci (radial)
d3.js: force layout and a grid-based anti-collision / positioning approach #3
Drag Multiples
d3.js: force layout and a grid-based anti-collision / positioning approach #2
d3.js: force layout and a grid-based anti-collision / positioning approach #1
d3.js: collision detection
d3.js: quantitative foci
d3.js: force layout; click to group/bundle nodes; multiple relations
d3.js: force layout; click to group/bundle nodes
d3 bootstrap popovers (fix)
d3 bootstrap popovers (exhibit A)
d3.js: positive/negative stacked bar chart with sum line / bar (flex layout)
Interactive Force-Directed Layout (D3)
csv is just a file in a gist
Basic CSV Parsing
D3.js: click on TEXT node in SVG graph to edit its contents
svg -> foreign object -> iframe to load and render arbitrary html inside SVG (based on Matt Finkle article)
mootools Request leak test
Bl.ocks.org and other gist index by user
Force tree transition chaining (incrementally showing nodes and links in a force graph); single nodes appear incrementally
Chained Transitions
Force tree transition chaining (incrementally showing nodes and links in a force graph)
d3.js: show tooltip in absolutely positioned DIV, which position is calculated taking screen size+scroll into consideration
D3 PJAX (& execute JS loaded through the d3.html() request as well)
d3.bisect() usage to get Y value for mouse X where x axis is a timestamp/date
show XML and JSON error handling in D3
locale semi-agnostic string to float conversion [JavaScript]
Interactive Streamgraph D3
create HTML5 input type nodes using d3.js
d3.js: high dynamic range in the data where you want it by picking a suitable log() offset
d3.js calendar done as horizontal strip + mouse hover based smooth horizontal scrolling
showcase non-integer pixel sizes reported by FireFox (and how mootools struggles with those)