Responsive charts in editorial, using D3.js
a.k.a., football charting, continued
In a prior piece about charting football in more meaningful ways, I mentioned that I’d be publishing some of them as web-friendly D3 charts. Well, the first batch is ready:
Check out the link above to see the charts in action: they’re drawn as SVGs, rendered from real data as the page loads, and are very replicable. The latter will come in handy, as I’ll be publishing charts like these for every Alabama football game this season on the blog Roll Bama Roll. The charts are also responsive, which aligns with my goal of making graphs more mobile-friendly for editorial purposes.
Update: the season came and went, and the charts slightly evolved over the course of the season (e.g., cumulative run and pass success rates for the line charts, instead of the quarter by quarter view, and I had to mostly abandon the quintiles dot plot due to the inconsistent availability of that data).
I’ve updated the link above (here again) to show the collection sample sheets for all of the games I ran data for (and wrote articles for), which was all of the Alabama football games last season — even the final one 😞. Below are some screenshots of a few game charts in action.