Skip to content

Instantly share code, notes, and snippets.

View rps's full-sized avatar

Rich Parrish rps

View GitHub Profile
rps / index.html
Created October 8, 2013 05:23 — forked from tmcw/index.html
View index.html
<!DOCTYPE html>
<meta charset="utf-8">
body {
font: 10px sans-serif;
margin:0 auto;
rps /
Created October 5, 2013 21:51 — forked from mbostock/.block

This example demonstrates the general update pattern in D3, where a data-join is followed by operations on the enter, update and exit selections. Entering elements are shown in green, while updating elements are shown in black. Exiting elements are removed immediately, so they're invisible.

This example does not use a key function for the data-join, so entering elements are always added to the end: when the new data has more letters than the old data, new elements are entered to display the new letters. Likewise, exiting letters are always removed from the end when the new data has fewer letters than the old data.

Next: Key Functions