Building Responsive Data Visualization for the Web

Building Responsive Data Visualization for the Web
Автор книги: id книги: 821835     Оценка: 0.0     Голосов: 0     Отзывы, комментарии: 0 2536,84 руб.     (25,31$) Читать книгу Купить и читать книгу Купить бумажную книгу Электронная книга Жанр: Программирование Правообладатель и/или издательство: John Wiley & Sons Limited Дата добавления в каталог КнигаЛит: ISBN: 9781119067207 Возрастное ограничение: 0+ Оглавление Отрывок из книги

Реклама. ООО «ЛитРес», ИНН: 7719571260.

Описание книги

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.

Оглавление

Bill Hinderman. Building Responsive Data Visualization for the Web

Part ONE. Creating the Responsive Web

Chapter 01. The Mobile Web

How We Got Here

The Mobile Web Today

Mobile Web Design

Summary

Chapter 02. Responsive Web Design Tenets

The Gist

Adaptive vs. Responsive

Desktop-First vs. Mobile-First

Four Principles

Seven Points of Focus

Summary

Chapter 03. Working with a Flexible Grid

The Gist

Flexible Units

Using a Grid System

Creating a Reusable, Flexible Grid (in Five Easy Steps)

Summary

Try It

Chapter 04

The Gist

Responsive Layout Design

The Reusable Responsive Grid

Summary

Try It

Chapter 05. Enhancing with JavaScript

Using JavaScript

Responsive JavaScript

Limber Up

Summary

Try It

Part TWO. Creating Responsive Data Visualization

Chapter 06. Data Design: An Abridged History

Learning From Data

The Big Pile

What You Get from the Web

Summary

Chapter 07. Responsive Data Visualization Tenets

Designing Content-First

Revisiting Responsive Design Principles

Seven Points of Focus

Responding to Data

Summary

Chapter 08. Thinking Small

Designing for the Smallest Canvas: No Canvas

The Tiny Canvas

Enhancing Efficiently

Summary

Chapter 09. Asset Dependence

Dynamic Data

Tying Visualization to Screens

Summary

Try It

Chapter 10. Code-Driven Visualization

Unknown Inputs and Outputs

Using D3.js

Building Responsive Data Visualization for the Web

Driving Design with Data

Summary

Try It

Chapter 11. Building the Future-Friendly Web

The Future of Data Design

Embracing Uncertainty

Responsible Web Design

Summary

Part THREE. Additional Resources

Appendix A

Responsive Data Visualization

Grids

Infographic Design

Responsive Design

D3.js

More Resources Online

Building Responsive Data Visualization for the Web

Copyright

Credits

Dedication

About the Author

About the Technical Editor

Acknowledgments

Отрывок из книги

Before discussing responsive data design, it is important to set the stage with a brief overview of how we got here. The evolution of the mobile web does not exist in a vacuum; it is built upon the foundation of 25 years of the Internet’s growth.

In this chapter, we’ll touch upon the beginning of the consumer Internet, and how it became commercialized. We will then move on to the shift from desktop computers to mobile devices as the primary way to access the web.

.....

Let’s start with the most obvious: Phone screens are considerably smaller than computer monitors. Although it’s impossible to pick a standard mobile screen size, a good rule of thumb is to start supporting content around 320px (20em at 16px) wide, and grow upward as the content can support it.

Coupled with small screen size for any main content is the lack of real estate available for all the navigational tools we take for granted when using big screens.

.....

Добавление нового отзыва

Комментарий Поле, отмеченное звёздочкой  — обязательно к заполнению

Отзывы и комментарии читателей

Нет рецензий. Будьте первым, кто напишет рецензию на книгу Building Responsive Data Visualization for the Web
Подняться наверх