pbogden

My own little brush demo

brush() creates the following elements

1. <rect class="background">
2. <rect class="extent">
3. <rect class="resize"> -- 2 or 4 (.resize.e .resize.n, .resize.s, .resize.w)

Note: test.html is an annotated version of

pbogden

Sample #,Name,Grade,Material,Location (town) ,Lattitude,longitude
1,Wesley P.,K,Shark teeth fossils,"Edisto Beach, SC",,
,Ellie P.,2,,,,
2,Ben P.,5,pumice,"Arendah, Norway",,
3,Max V.,4,black sand ,"Pnalu'u Beach, Island of Hawaii",N19d8',W155d30'
4,Mabel C.,1,"schist, fresh water clam, soil","Otisfield, ME",44.11,70.55
,Truett C.,5,,,,
5,Lucy C.,3,pegmatite,"Holderness, NH",43.6,71.5
,Perry C.,,,,,
6,Mrs. T,,quartz pebble,"Lagos, Portugal (Cape Saint Vincent)",,
7,Tilden P.,,red wood tree cones,"Berkely, CA",,
8,Harry M.,K,black chert,"Lummi Island, WA",,
9,Max C.,1,shells,"Inverlock, Victoria Australia",,
10,David M.,K,beach sand,"Small Point, ME",N43d42'74'',W64d50'12''
11,David M.,K,soil,"Richardson, TX",,
12,Zachary H.,3,"beach sand, pebbles","Oceanside, OR",,
13,Zachary H.,3,siltstone,"Antimus, PA",39d21'N,78d 26.125'W
14,Zachary H.,3,shale,"Little Rock, AR",,
15,Zachary H.,3,quartzite,"Worton, MD",39d21.029'N,76d8.105 W
16,Laurelie M.,1,basalt,"Jackson, WY",,
17,Logan M.,3,feldspar,"West Yellowstone, M

pbogden

circle selector

Mouse over the circles...

pbogden

Responsive SVG with D3

This demo explicitly sets the container height, which make a dynamic SVG graphic responsive (based on this stackoverflow answer).

Note: This solves a problem with IE.

pbogden

Simple geolocation demo using JavaScript

Answering the question: Are you at PBC right now?

pbogden

Use pdf.js to render a PDF in a browser

pbogden

SVG radial gradient with a circle. Also works with a donut chart -- for example.

pbogden

GWNO,EVENT_ID_CNTY,EVENT_ID_NO_CNTY,EVENT_DATE,YEAR,TIME_PRECISION,EVENT_TYPE,ACTOR1,ALLY_ACTOR_1,INTER1,ACTOR2,ALLY_ACTOR_2,INTER2,INTERACTION,COUNTRY,ADMIN1,ADMIN2,ADMIN3,LOCATION,LATITUDE,LONGITUDE,GEO_PRECIS,SOURCE,NOTES,FATALITIES,
615,1ALGÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ Ê,14,02 January 1997,1997,1,Violence against civilians,GIA: Armed Islamic Group,,2,Civilians (Algeria),,7,27,Algeria,Blida,Blida,,Blida,36.468600,2.828900,1,www.algeria-watch.org,4 January: 16 citizens were murdered in the village of Benachour (Blida) by masked men a few hundred meters away from a military camp. It is of note that the citizens of this village had refused to set up armed militias.,16,
615,2ALGÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ Ê,17,03 January 1997,1997,1,Violence against civilians,GIA: Armed Islamic Group,,2,Civilians (Algeria),,7,27,Algeria,Tipaza,Douaouda,,Douaouda,36.672500,2.789400,1,www.algeria-watch.org,5 January: Massacre of 18 citizens in the Oliviers district of Douaouda (Tipaza). Among the victims are 3 children and 6 women. This region h

pbogden

SOURCE_DATA = test.csv
CLEAN_DATA = clean.csv
GENERATED_FILES = test.json

$(GENERATED_FILES): $(CLEAN_DATA)
	@topojson -x 'LONGITUDE' -y 'LATITUDE' -o $@ $^

test: $(CLEAN_DATA)
	ogrinfo -ro -al $(CLEAN_DATA)

pbogden

data