pbogden

license: gpl-3.0
height: 960
border: no

pbogden

license: gpl-3.0
height: 960
border: no

pbogden

Canvas performance

Canvas starts having problems when drawing more than 100K points at a time.

• 2m -- ~1 / 15 fps = 130K dots/sec (but startup is noticeable)
• 1m -- ~ 1 / 7 fps = 180K dots/sec (ditto)
• 500K -- ~1 / 2 fps = 206K dots/sec (ditto)
• 200K -- ~1 fps = 240K dots/sec
• 100K -- ~3 fps = 310K dots/sec
• 50K -- ~6 fps = 320K dots/sec

pbogden

Mike Bostock's most excellent Command-line Cartogaphy, except here it's mostly in the browser.

pbogden

license: gpl-3.0

pbogden

Assignment for Class #3

pbogden

Clustered Force Layout using D3 v4

Modified from Mike Bostock's original.

Looks more like the version with custom gravity.

Compare with Shan Carter's v4 adaptation.

pbogden

junk

pbogden

Using tweens with transitions: Custom tweens with a custom attribute.

pbogden

HTML button

Uses CSS

• linear-gradient
• box-shadow

Check out an SVG button