Pro D3.js: Use D3.js to Create Maintainable, Modular, and Testable Charts

  • 2h 31m
  • Marcos Iglesias
  • Apress
  • 2019

Go beyond the basics of D3.js to create maintainable, modular, and testable charts and to package them into a library that can be distributed as open source software or kept for private use. This book will show you how to transform regular D3.js chart code into reusable and extendable modules.

You know the basics of working with D3.js, but it's time to become a professional D3.js practitioner. This book is your launching pad to refactoring code, composing complex visualizations from small components, working as a team with other developers, and integrating charts with a Continuous Integration system. You'll begin by creating a production-ready chart using D3.js v5, ES2015, and a test-driven approach and then move on to using and extending Britecharts, the reusable charting library based on Reusable API patterns. Finally, you'll see how to use D3.js along with React to document and build your charts to compose a charting library you can release into the NPM repository.

With Pro D3.js, you'll become an accomplished D3.js developer in no time.

What You Will Learn

  • Create v5 D3.js charts with ES2016 and unit tests
  • Develop modular, testable and extensible code with the Reusable API pattern
  • Work with and extend Britecharts, a reusable charting library created at Eventbrite
  • Use Webpack and npm to create and publish a charting library from your own chart collections
  • Write reference documentation and build a documentation homepage for your library.

Who This Book Is For

Data scientists, data visualization engineers, and frontend developers with a fundamental knowledge of D3.js and some experience with JavaScript, as well as data journalists and consultants.

About the Author

Marcos Iglesias is a Senior Software Engineer who builds user interfaces at Eventbrite. He is passionate about creating test-driven data visualizations and dashboards using D3.js and frontend technologies such as ES2015, React, Redux, and Webpack. He enjoys writing about software, giving talks, and maintaining Britecharts, the open source charting library.

Marcos’ experience releasing Britecharts and Britecharts-React gave him insights about creating, documenting, and publishing libraries as Open Source Software. He has written blog posts for Smashing Magazine, Eventbrite’s Engineering Blog and Heart Internet. You can find him on Twitter @golodhros.

In this Book

  • Introduction to Data Visualizations with D3.js
  • An Archetypal D3.js Chart
  • D3.js Code Encapsulation and APIs
  • The Reusable API
  • Making the Bar Chart Production-Ready
  • Britecharts
  • Using and Customizing Britecharts
  • Extending a Chart
  • Testing Your Charts
  • Building Your Library
  • Creating Documentation
  • Using Your Library with React
SHOW MORE
FREE ACCESS