Building Responsive Data Visualization for the Web

Unchain your data from the desktop with responsive visualizations

Building Responsive Data Visualization for the Web is a handbook for any front-end development team needing a framework for integrating responsive web design into the current workflow. Written by a leading industry expert and design lead at Starbase Go, this book provides a wealth of information and practical guidance from the perspective of a real-world designer. You’ll walk through the process of building data visualizations responsively as you learn best practices that build upon responsive web design principles, and get the hands-on practice you need with exercises, examples, and source code provided in every chapter. These strategies are designed to be implemented by teams large and small, with varying skill sets, so you can apply these concepts and skills to your project right away.

Responsive web design is the practice of building a website to suit base browser capability, then adding features that enhance the experience based on the user’s device’s capabilities. Applying these ideas to data produces visualizations that always look as if they were designed specifically for the device through which they are viewed. This book shows you how to incorporate these principles into your current practices, with highly practical hands-on training.

• Examine the hard data surrounding responsive design
• Master best practices with hands-on exercises
• Learn data-based document manipulation using D3.js
• Adapt your current strategies to responsive workflows

Data is growing exponentially, and the need to visualize it in any context has become crucial. Traditional visualizations allow important data to become lost when viewed on a small screen, and the web traffic speaks for itself – viewers repeatedly demonstrate their preference for responsive design. If you’re ready to create more accessible, take-anywhere visualizations, Building Responsive Data Visualization for the Web is your tailor-made solution.

Table of Contents

Part One: Creating the Responsive Web
Chapter 01: The Mobile Web
Chapter 02: Responsive Web Design Tenets
Chapter 03: Working with a Flexible Grid
Chapter 04: Designing Responsive
Chapter 05: Enhancing with JavaScript

Part Two: Creating Responsive Data Visualization
Chapter 06: Data Design:
Chapter 07: Responsive Data
Chapter 08: Thinking Small
Chapter 09: Asset Dependence
Chapter 10: Code-Driven Visualization
Chapter 11: Building the

Part Three: Additional Resources
Appendix A: Resources