Learning Responsive Data Visualization

Master the art of building responsive visualizations on the Web
Preview in Mapt

Learning Responsive Data Visualization

Christoph Körner

Master the art of building responsive visualizations on the Web
Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.20
$44.99
$29.99p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Learning Responsive Data Visualization Book Cover
Learning Responsive Data Visualization
$ 35.99
$ 25.20
Building Responsive Data Visualizations with D3.js [Video] Book Cover
Building Responsive Data Visualizations with D3.js [Video]
$ 84.99
$ 72.25
Buy 2 for $35.00
Save $85.98
Add to Cart
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Book Details

ISBN 139781785883781
Paperback258 pages

Book Description

Using D3.js and Responsive Design principles, you will not just be able to implement visualizations that look and feel awesome across all devices and screen resolutions, but you will also boost your productivity and reduce development time by making use of Bootstrap—the most popular framework for developing responsive web applications.

This book teaches the basics of scalable vector graphics (SVG), D3.js, and Bootstrap while focusing on Responsive Design as well as mobile-first visualizations; the reader will start by discovering Bootstrap and how it can be used for creating responsive applications, and then implement a basic bar chart in D3.js. You will learn about loading, parsing, and filtering data in JavaScript and then dive into creating a responsive visualization by using Media Queries, responsive interactions for Mobile and Desktop devices, and transitions to bring the visualization to life. In the following chapters, we build a fully responsive interactive map to display geographic data using GeoJSON and set up integration testing with Protractor to test the application across real devices using a mobile API gateway such as AWS Device Farm.

You will finish the journey by discovering the caveats of mobile-first applications and learn how to master cross-browser complications.

Table of Contents

Chapter 1: Getting Started with Responsive Design, Bootstrap, and D3.js
What is Responsive Design?
Bootstrap – a popular mobile first CSS framework
Vector graphics in the browser with SVG
Creating graphics with D3.js
Summary
Chapter 2: Creating a Bar Chart Using D3.js and SVG
Getting started with D3.js
Drawing shapes with D3
Creating Scales and Axis
A simple bar chart
Summary
Chapter 3: Loading, Filtering, and Grouping Data
Preprocessing data
Loading and parsing remote data
Grouping data
Summary
Chapter 4: Making the Chart Responsive Using Bootstrap and Media Queries
Units and lengths in the browser
Responsive charts
Using Bootstrap's Media Queries
Summary
Chapter 5: Building Responsive Interactions
Using an event system
Panning and zooming
Summary
Chapter 6: Designing Transitions and Animations
Is there a web standard for animations?
Creating animations with JavaScript
Transitions
Shape tweens
Summary
Chapter 7: Creating Maps and Cartographic Visualizations Using GeoJSON
Overview of cartographic visualizations
Data representation for topology and geographic features
Maps and projections
Helpful tools for creating maps in D3
Types of geographic visualization
Summary
Chapter 8: Testing Responsive Visualizations
A guide on testing visualizations
Manual testing and debugging
Automated testing and Continuous Integration
A testing strategy for visualizations
Summary
Chapter 9: Solving Cross-Browser Issues
A solution to cross-browser compatibility issues
Cross-browser Media Queries
Cross-browser SVG features
Handle touch and mouse events with ease
Summary

What You Will Learn

  • Get familiar with responsive design for data visualizations
  • Understand the main concepts of D3.js to create interactive visualizations
  • Unleash the power of Bootstrap to create stunning and responsive visualizations for all screen resolutions
  • Implement Touch and Mouse interactions for mobile-first applications
  • Design Transitions and Animations that impress in portrait and landscape
  • Build a Responsive World Map using GeoJSON and D3.js

Authors

Table of Contents

Chapter 1: Getting Started with Responsive Design, Bootstrap, and D3.js
What is Responsive Design?
Bootstrap – a popular mobile first CSS framework
Vector graphics in the browser with SVG
Creating graphics with D3.js
Summary
Chapter 2: Creating a Bar Chart Using D3.js and SVG
Getting started with D3.js
Drawing shapes with D3
Creating Scales and Axis
A simple bar chart
Summary
Chapter 3: Loading, Filtering, and Grouping Data
Preprocessing data
Loading and parsing remote data
Grouping data
Summary
Chapter 4: Making the Chart Responsive Using Bootstrap and Media Queries
Units and lengths in the browser
Responsive charts
Using Bootstrap's Media Queries
Summary
Chapter 5: Building Responsive Interactions
Using an event system
Panning and zooming
Summary
Chapter 6: Designing Transitions and Animations
Is there a web standard for animations?
Creating animations with JavaScript
Transitions
Shape tweens
Summary
Chapter 7: Creating Maps and Cartographic Visualizations Using GeoJSON
Overview of cartographic visualizations
Data representation for topology and geographic features
Maps and projections
Helpful tools for creating maps in D3
Types of geographic visualization
Summary
Chapter 8: Testing Responsive Visualizations
A guide on testing visualizations
Manual testing and debugging
Automated testing and Continuous Integration
A testing strategy for visualizations
Summary
Chapter 9: Solving Cross-Browser Issues
A solution to cross-browser compatibility issues
Cross-browser Media Queries
Cross-browser SVG features
Handle touch and mouse events with ease
Summary

Book Details

ISBN 139781785883781
Paperback258 pages
Read More

Read More Reviews

Recommended for You

Python Machine Learning Book Cover
Python Machine Learning
$ 35.99
$ 25.20
Mastering D3.js Book Cover
Mastering D3.js
$ 32.99
$ 23.10
Data Visualization with D3.js Cookbook Book Cover
Data Visualization with D3.js Cookbook
$ 26.99
$ 18.90
Practical Machine Learning Book Cover
Practical Machine Learning
$ 37.99
$ 26.60
AngularJS Web Application Development Blueprints Book Cover
AngularJS Web Application Development Blueprints
$ 29.99
$ 21.00
Practical Data Science Cookbook Book Cover
Practical Data Science Cookbook
$ 29.99
$ 21.00