D3, Conceptually - Lesson 2 (opens in new tab)

(code.hazzens.com)

72 pointshazzen13y ago9 comments

9 comments

Nice job of showing/hiding the source behind each chart. For me the real power of D3 is binding it to data using APIs. I wonder who is already doing this.

modarts13y ago

To add to this, anyone using D3 as the render target in Backbone views?

pav3l13y ago

http://vimeo.com/45558674

1 more reply

alxndr13y ago

Not sure quite what you mean, but I've used a Backbone view's initialize/render to set up a D3 visualization, and events to trigger changes to it.

misiti378013y ago

square, nytimes, etc.

novalis13y ago

On a tangent to another one of these great lessons, I have to ask this. Does anyone have a correct D3 world json file with the missing countries and islands ?

oscilloscope13y ago

Be sure to use the recently released TopoJSON world map, though it doesn't have comprehensive islands.

http://bl.ocks.org/4180634

TopoJSON is a variant of GeoJSON that supports shape simplification, map coloring, cartograms and other topology-related features.

https://github.com/mbostock/topojson

For small geographic features like tiny islands, try the new d3.geo.tile plugin with a high-resolution tileset.

http://bl.ocks.org/4162068 https://github.com/d3/d3-plugins/tree/master/geo/tile

TileMill can create tilesets from shapefiles and other formats. It can export GeoJSON for D3 too.

http://mapbox.com/tilemill/

More examples:

http://bl.ocks.org/mbostock http://bl.ocks.org/jasondavies http://bl.ocks.org/tmcw

novalis13y ago

Thank you for the links oscilloscope, jit resources. Not having Malta in there was killing any european biz intel graph.

j / k navigate · click thread line to collapse

9 comments

joey_muller13y ago

Nice job of showing/hiding the source behind each chart. For me the real power of D3 is binding it to data using APIs. I wonder who is already doing this.

modarts13y ago

To add to this, anyone using D3 as the render target in Backbone views?

pav3l13y ago

http://vimeo.com/45558674

1 more reply

alxndr13y ago

Not sure quite what you mean, but I've used a Backbone view's initialize/render to set up a D3 visualization, and events to trigger changes to it.

misiti378013y ago

square, nytimes, etc.

novalis13y ago

On a tangent to another one of these great lessons, I have to ask this. Does anyone have a correct D3 world json file with the missing countries and islands ?

oscilloscope13y ago

Be sure to use the recently released TopoJSON world map, though it doesn't have comprehensive islands.

http://bl.ocks.org/4180634

TopoJSON is a variant of GeoJSON that supports shape simplification, map coloring, cartograms and other topology-related features.

https://github.com/mbostock/topojson

For small geographic features like tiny islands, try the new d3.geo.tile plugin with a high-resolution tileset.

http://bl.ocks.org/4162068 https://github.com/d3/d3-plugins/tree/master/geo/tile

TileMill can create tilesets from shapefiles and other formats. It can export GeoJSON for D3 too.

http://mapbox.com/tilemill/

More examples:

http://bl.ocks.org/mbostock http://bl.ocks.org/jasondavies http://bl.ocks.org/tmcw

novalis13y ago

Thank you for the links oscilloscope, jit resources. Not having Malta in there was killing any european biz intel graph.

j / k navigate · click thread line to collapse