D3.js By Example

Create attractive web-based data visualizations using the amazing JavaScript library D3.js About This Book • Learn to use the facilities provided by D3.js to create data-driven visualizations • Explore the concepts of D3.js through examples that enable you to quickly create visualizations including charts, network diagrams, and maps • Get practical examples of visualizations using real-world data sets that show you how to use D3.js to visualize and interact with information to glean its underlying meaning Who This Book Is For Whether you are new to data and data visualization, a seasoned data scientist, or a computer graphics specialist, this book will provide you with the skills you need to create web-based and interactive data visualizations. This book assumes some knowledge of coding and in particular, experience coding in JavaScript. What You Will Learn • Install and use D3.js to create HTML elements within the document • Use development tools such as JSBIN and Chrome Developer Tools to create D3.js applications • Retrieve JSON data and use D3.js selections and data binding to create visual elements from data • Create and style graphical elements such as circles, ellipses, rectangles, lines, paths, and text using SVG • Turn your data into bar and scatter charts, and add margins, axes, labels, and legends • Use D3.js generators to perform the magic of creating complex visualizations from data • Add interactivity to your visualizations, including tool-tips, sorting, hover-to-highlight, and grouping and dragging of visuals In Detail This book will take you through all the concepts of D3.js starting with the most basic ones and progressively building on them in each chapter to expand your knowledge of D3.js. Starting with obtaining D3.js and creating simple data bindings to non-graphical HTML elements, you will then master the creation of graphical elements from data. You’ll discover how to combine those elements into simple visualizations such as bar, line, and scatter charts, as well as more elaborate visualizations such as network diagrams, Sankey diagrams, maps, and choreopleths. Using practical examples provided, you will quickly get to grips with the features of D3.js and use this learning to create your own spectacular data visualizations with D3.js. Style and approach This book uses a practical, step-by-step approach that builds iteratively, starting with the basic concepts right through to mastery of the technology. Each concept is demonstrated using code examples that are interactively available online (and can also be run locally), and each chapter builds upon the concepts covered in the previous chapter,with succinct explanations of what the code does and how it fits into the bigger picture.