ZingChart shares the data visualization process used to develop their fantasy football dashboard. The dashboard relies on principles for dataviz including chart selection, color palette, and user feedback. The dashboard is constructed with the ZingChart JavaScript charting library.

1. Fantasy Football Dashboard

2. Fantasy Football Dashboard
A visualization of data found in tables and grids in popular sites.
Fantasy Football Dashboard

3. Overall Design Process
Initial sketch Refinement Wireframe 1 Coded Draft Final Product
Fantasy Football Dashboard

4. Audience
What story do fantasy football players care about?
And how do they flow through the data each week?
Fantasy Football Dashboard

5. Chart 1: High Level Overview
Most sites show general stats for top players.
We wanted the structure to be familiar.
Fantasy Football Dashboard

6. Source: Metro.co.uk
Chart 2: Position Focus
Digging into each position’s metrics by difficulty of matchup.
What question do
fantasy players care
about?
Fantasy Football Dashboard

7. Chart 3: Defense metrics
Fantasy Football Players recognize grids.
We used them to look deeper into position performance.
Fantasy Football Dashboard

8. Chart 4: Let’s socialize
Fantasy Sharks reports on who its members start weekly by
position. We reflect this through stacked bars.
QB RB WR TE D/ST
Fantasy Football Dashboard

9. Visual Design: Colors
Qualitative data palette works for this application.
Dribble has examples of existing fantasy dashboards.
Fantasy Football Dashboard

10. Feedback and improvements
24 User Ideas collected from
5 Social Networks
How did we improve the design?
Fantasy Football Dashboard

11. What’s next?
Fantasy Football Dashboard

12. Read more
Try a dashboard with your data
http://www.zingchart.com/blog/2014/10/30/
fantasy-football-dashboard-data-visualization/
http://www.zingchart.com/try
Fantasy Football Dashboard