enactdev

This is basic responsive D3 chart example. It is a fork from Mike Bostock's bar chart "Wrapping Long Labels." This NPR article was also useful.

Changes from Mike Bostock's original in the order they were applied:

• Add default width and height
• Use those defaults to calculate non-repsonsive width and height
• Create the set_vars() function to re-calculate width and height when needed. Call it immediately to correctly set width and height
• Put the code that draws the chart in a function, drawGraphic. Basically, the code from "var x..." through "svg.selectAll("rect")..."
• Create the window.onresize funcion

In the future be able to create breakpoints to draw slightly different graphs if space is constrained.

enactdev

enactdev

Placeholder README.md

enactdev

Clone of Mike Bostock's "Bar Chart II"

http://bl.ocks.org/mbostock/7341714

enactdev

Clone of my other gist: https://gist.github.com/enactdev/d841cd11ac25081ca52f

enactdev

This is a basic Leaflet map showing the state of Delaware. It's a mashup of 
[Leaflet's Quick Start Guide](http://leafletjs.com/examples/quick-start/) and 
[SitePoint's Basic HTML5 Template](https://www.sitepoint.com/a-basic-html5-template/).

enactdev

Delaware's state Representative districts

A KML file of the districts was downloaded from opendata.firstmap.delaware.gov

And then converted to GeoJSON with the node project toGeoJSON.

togeojson de_districts_representative.kml > de_districts_representative.json

enactdev

enactdev

enactdev

Philly donations by zipcode

A Shape file of the zipcodes was downloaded from the US Census

That was loaded into a MySQL database, and a GeoJSON file was created with the subset of zipcodes that lie within Philly.

Map was created with Leaflet and code was heavily borrowed from two of their tutorials:

• Using GeoJSON with Leaflet
• Interactive Choropleth Map