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

Description

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. Front Matter ....Pages i-xxi Introduction to Data Visualizations with D3.js (Marcos Iglesias)....Pages 1-12 An Archetypal D3.js Chart (Marcos Iglesias)....Pages 13-23 D3.js Code Encapsulation and APIs (Marcos Iglesias)....Pages 25-46 The Reusable API (Marcos Iglesias)....Pages 47-59 Making the Bar Chart Production-Ready (Marcos Iglesias)....Pages 61-76 Britecharts (Marcos Iglesias)....Pages 77-94 Using and Customizing Britecharts (Marcos Iglesias)....Pages 95-114 Extending a Chart (Marcos Iglesias)....Pages 115-126 Testing Your Charts (Marcos Iglesias)....Pages 127-151 Building Your Library (Marcos Iglesias)....Pages 153-180 Creating Documentation (Marcos Iglesias)....Pages 181-200 Using Your Library with React (Marcos Iglesias)....Pages 201-218 Back Matter ....Pages 219-223