Hi Friends -
Onwards to this week's links...
Welcome to the sixty-ninth issue of DashingD3js.com's Weekly Newsletter
- Population Division
James Cheshire’s Population Lines redone with D3.js. Data from NASA. Fullscreen and Code. [Editor's note: make sure you click on the Fullscreen view and then click on the various years...]
Data Visualization Reading and Videos
- The NYT’S Amanda Cox On Winning The Internet
The OpenVis Conf is coming up - April 24th & 25th. This is a recap of last years opening keynote. Amanda Cox, of the New York Times Graphics desk, set out to address what makes some Visualizations better than others —drawing on intelligent guessing, data visualization, and emotional storytelling along the way.
- How We Made The Ministerial Lobbying & “Buddying” Visualisation
We’ve just published a visualisation of over 6,000 meetings between 100 UK government ministers and over 3,500 organisations that took place during the eight months from May to October 2010. In this post we discuss some of the techniques we used and the technical bits’n'pieces behind the visualisation
D3.js Reading and Videos
- Building Reusable D3.js Elements With Polymer
In this short introduction to using D3.js with Polymer, we’re going to build a custom HTML element that contains a sparkline for a given stock symbol. Custom elements are used just like any other HTML element.
- Responsive Charts With D3.js And Backbone
So, you started building charts with D3 and quickly realized there are certain behaviors you want all of your charts to have...For our team, this meant creating a simple Backbone view to encapsulate all of our charts’ must-haves.
- Creating Multi-Series Charts In D3.js
Making line charts or bar charts that have several different series of data can be challenging in D3.js. ... This post looks at multi-series line, stacked bar, stacked area, and streamgraph charts and should help you on your way to make just about any chart you need.
- 4 Steps To Creating Map Overlays
After some research, we chose Mapbox as the base map, enabling easier customization in the shaded area/border/ocean colors, and for the overlay, utilizing D3.js to add a highlight layer. Here’s the 4 step process...
A small library for rendering parsed GEXF graphs in D3.js...Roughly follows the patterns of D3 layouts, creates a gexfD3.nodes() and gexfD3.links() that work in a force layout and have .x and .y coordinates as well as viz settings from the GEXF and GEXF attributes in a properties array.
Hope that you had a great past week and that next week is even better!
Wishing you the best,