4
Quick Start
This chapter provides a step-by-step guide to creating a complete data visualization with D3. Code is available for each step, but you can also write the code yourself as you read.
We will create a bar chart. Starting with a sketch and a prototype, you will generate SVG elements, bind data, apply scales, draw bars and text, and add colors. You will also learn how to debug the code. After creating a static chart, you will make it interactive and update it with new data. As a final step, we’ll refactor the visualization as a modular app to align with web development best practices. To reinforce your learning, exercises are provided at the end of each section.
Upon completing this chapter and its exercises, you will have built several ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access