Learning Responsive Data Visualization - download pdf or read online

Key Features

• Learn the innovations for construction information visualizations that paintings good for all monitor sizes
• Implement responsive strategies with well known libraries to familiarize yourself with development responsive visualizations that paintings within the actual world
• Incorporate responsive workflow on your facts visualization strategy to construct visualizations that take a mobile-first approach.

Book Description

Using D3.js and Responsive layout ideas, you won't simply manage to enforce visualizations that feel and appear extraordinary throughout all units and monitor resolutions, yet additionally, you will advance your productiveness and decrease improvement time by means of utilising Bootstrap—the preferred framework for constructing responsive net applications.

This booklet teaches the fundamentals of scalable vector portraits (SVG), D3.js, and Bootstrap whereas concentrating on Responsive layout in addition to mobile-first visualizations; the reader will begin through studying Bootstrap and the way it may be used for developing responsive functions, after which enforce a simple bar chart in D3.js. you'll find out about loading, parsing, and filtering info in JavaScript after which dive into making a responsive visualization by utilizing Media Queries, responsive interactions for cellular and computing device units, and transitions to carry the visualization to existence. within the following chapters, we construct a completely responsive interactive map to reveal geographic info utilizing GeoJSON and organize integration trying out with Protractor to check the applying throughout genuine units utilizing a cellular API gateway similar to AWS equipment Farm.

You will end the adventure through learning the caveats of mobile-first functions and methods to grasp cross-browser complications.

What you'll learn

• Get accustomed to responsive layout for info visualizations
• Understand the most options of D3.js to create interactive visualizations
• Unleash the ability of Bootstrap to create lovely and responsive visualizations for all display resolutions
• Implement contact and Mouse interactions for mobile-first applications
• Design Transitions and Animations that provoke in portrait and landscape
• Build a Responsive international Map utilizing GeoJSON and D3.js

About the Author

Christoph Korner, CTO and lead developer at GESIM, a start-up corporation, is a passionate software program engineer, net fanatic, and an lively member of the JavaScript group with greater than five years of expertise in constructing customer-oriented internet functions. he's the writer of knowledge Visualizations with D3 and AngularJS and is at present pursuing his master's measure in visible Computing at Vienna Institute of Technology.

Table of Contents

1. Getting began with Responsive layout, Bootstrap, and D3.js
2. Creating a Bar Chart utilizing D3.js and SVG
3. Loading, Filtering, and Grouping Data
4. Making the Chart Responsive utilizing Bootstrap and Media Queries
5. Building Responsive Interactions
6. Designing Transitions and Animations
7. Creating Maps and Cartographic Visualizations utilizing GeoJSON
8. Testing Responsive Visualizations
9. Solving Cross-Browser Issues