javascript-d3-d3-nice-small-change

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before…lines 1–9 unchanged (9 lines)
10
11function d3_selection_creator(name) {
12
13  function create() {
14    var document = this.ownerDocument,
15        namespace = this.namespaceURI;
16    return namespace && namespace !== document.documentElement.namespaceURI
17        ? document.createElementNS(namespace, name)
18        : document.createElement(name);
19  }
20
21  function createNS() {
22    return this.ownerDocument.createElementNS(name.space, name.local);
23  }
24
…lines 25–29 unchanged (5 lines)

After…lines 1–9 unchanged (9 lines)
10
11function d3_selection_creator(name) {
12
13  function create() {
14    var document = this.ownerDocument,
15        namespace = this.namespaceURI;
16    return namespace === d3_nsXhtml && document.documentElement.namespaceURI === d3_nsXhtml
17        ? document.createElement(name)
18        : document.createElementNS(namespace, name);
19  }
20
21  function createNS() {
22    return this.ownerDocument.createElementNS(name.space, name.local);
23  }
24
…lines 25–29 unchanged (5 lines)

Before…lines 1–9 unchanged (9 lines)
10
11function d3_selection_creator(name) {
12
13  function create() {
14    var document = this.ownerDocument,
15        namespace = this.namespaceURI;
16    return namespace && namespace !== document.documentElement.namespaceURI
17        ? document.createElementNS(namespace, name)
18        : document.createElement(name);
19  }
20
21  function createNS() {
22    return this.ownerDocument.createElementNS(name.space, name.local);
23  }
24
…lines 25–29 unchanged (5 lines)

After…lines 1–9 unchanged (9 lines)
10
11function d3_selection_creator(name) {
12
13  function create() {
14    var document = this.ownerDocument,
15        namespace = this.namespaceURI;
16    return namespace === d3_nsXhtml && document.documentElement.namespaceURI === d3_nsXhtml
17        ? document.createElement(name)
18        : document.createElementNS(namespace, name);
19  }
20
21  function createNS() {
22    return this.ownerDocument.createElementNS(name.space, name.local);
23  }
24
…lines 25–29 unchanged (5 lines)

Before…lines 1–9 unchanged (9 lines)
10
11function d3_selection_creator(name) {
12
13  function create() {
14    var document = this.ownerDocument,
15        namespace = this.namespaceURI;
16    return namespace && namespace !== document.documentElement.namespaceURI
17        ? document.createElementNS(namespace, name)
18        : document.createElement(name);
19  }
20
21  function createNS() {
22    return this.ownerDocument.createElementNS(name.space, name.local);
23  }
24
…lines 25–29 unchanged (5 lines)

After…lines 1–9 unchanged (9 lines)
10
11function d3_selection_creator(name) {
12
13  function create() {
14    var document = this.ownerDocument,
15        namespace = this.namespaceURI;
16    return namespace === d3_nsXhtml && document.documentElement.namespaceURI === d3_nsXhtml
17        ? document.createElement(name)
18        : document.createElementNS(namespace, name);
19  }
20
21  function createNS() {
22    return this.ownerDocument.createElementNS(name.space, name.local);
23  }
24
…lines 25–29 unchanged (5 lines)

Before

program

import_statement

import "import"

string

" "\""

string_fragment "../core/ns"

" "\""

; ";"

import_statement

import "import"

string

" "\""

string_fragment "selection"

" "\""

; ";"

expression_statement (+69 nodes collapsed)

function_declaration

function "function"

identifier "d3_selection_creator"

formal_parameters

( "("

identifier "name"

) ")"

statement_block

{ "{"

function_declaration

function "function"

identifier "create"

formal_parameters

( "("

) ")"

statement_block

{ "{"

variable_declaration

var "var"

variable_declarator

identifier "document"

= "="

member_expression

this "this"

. "."

property_identifier "ownerDocument"

, ","

variable_declarator

identifier "namespace"

= "="

member_expression

this "this"

. "."

property_identifier "namespaceURI"

; ";"

return_statement

return "return"

ternary_expression

binary_expression

identifier "namespace"

&& "&&"

binary_expression

identifier "namespace"

!== "!=="

member_expression

identifier "document"

. "."

property_identifier "documentElement"

. "."

property_identifier "namespaceURI"

? "?"

call_expression

member_expression

identifier "document"

. "."

property_identifier "createElementNS"

arguments

( "("

identifier "namespace"

, ","

identifier "name"

) ")"

: ":"

call_expression

member_expression

identifier "document"

. "."

property_identifier "createElement"

arguments

( "("

identifier "name"

) ")"

; ";"

} "}"

function_declaration (+32 nodes collapsed)

return_statement (+42 nodes collapsed)

} "}"

After

program

import_statement

import "import"

string

" "\""

string_fragment "../core/ns"

" "\""

; ";"

import_statement

import "import"

string

" "\""

string_fragment "selection"

" "\""

; ";"

expression_statement (+69 nodes collapsed)

function_declaration

function "function"

identifier "d3_selection_creator"

formal_parameters

( "("

identifier "name"

) ")"

statement_block

{ "{"

function_declaration

function "function"

identifier "create"

formal_parameters

( "("

) ")"

statement_block

{ "{"

variable_declaration

var "var"

variable_declarator

identifier "document"

= "="

member_expression

this "this"

. "."

property_identifier "ownerDocument"

, ","

variable_declarator

identifier "namespace"

= "="

member_expression

this "this"

. "."

property_identifier "namespaceURI"

; ";"

return_statement

return "return"

ternary_expression

binary_expression

identifier "namespace"

=== "==="

identifier "d3_nsXhtml"

&& "&&"

binary_expression

member_expression

identifier "document"

. "."

property_identifier "documentElement"

. "."

property_identifier "namespaceURI"

=== "==="

identifier "d3_nsXhtml"

? "?"

call_expression

member_expression

identifier "document"

. "."

property_identifier "createElement"

arguments

( "("

identifier "name"

) ")"

: ":"

call_expression

member_expression

identifier "document"

. "."

property_identifier "createElementNS"

arguments

( "("

identifier "namespace"

, ","

identifier "name"

) ")"

; ";"

} "}"

function_declaration (+32 nodes collapsed)

return_statement (+42 nodes collapsed)

} "}"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help