Skip to content

Instantly share code, notes, and snippets.

@pbogden
pbogden / README.md
Last active October 6, 2015 23:19
suzee6

Various homework assignments for Fall 2015

@pbogden
pbogden / README.md
Last active December 22, 2015 20:25
binesh6

Binesh final project -- points plotted on map.

@pbogden
pbogden / .gitignore
Last active October 21, 2015 23:45
hmda
data
@pbogden
pbogden / .gitignore
Last active October 12, 2015 18:27
counties0
data
@pbogden
pbogden / README.md
Last active May 6, 2021 11:06
event

Event bubbling & capturing demo

  1. SVG elements are not nested -- they don't bubble to each other. Topmost element is the target.
  2. Blue SVG rect captures the event with d3.event.stopPropagation();
  3. Nested DIV elements bubble to each other up the DOM tree.
  4. Non-nested DIV elements don't bubble to each other.
@pbogden
pbogden / .gitignore
Last active November 19, 2015 00:46
hmda1
04c4acfe866676409ddb
todd
@pbogden
pbogden / .gitignore
Last active March 11, 2017 21:35
counties1
gz
shp
@pbogden
pbogden / .gitignore
Last active November 26, 2015 00:58
traffic
data
segments
segments.json
@pbogden
pbogden / README.md
Last active April 23, 2018 19:41
responsive2

Side-by-side responsive graphics

The key is to use appropriate CSS for the containers...

  • display: inline-block; for side-by-side containers
  • vertical-align: top; so content aligns along the top (default is baseline of parent)
  • float: left; otherwise carriage-return between containers will take up space
  • width: 48%; must account for padding on left & right
@pbogden
pbogden / README.md
Last active February 2, 2017 16:16
Reusable bar chart