D3.js By Example (PDF)

Create attractive web-based data visualizations using the amazing JavaScript library D3.jsAbout This BookLearn to use the facilities provided by D3.js to create data-driven visualizationsExplore the concepts of D3.js through examples that enable you to quickly create visualizations including charts, network diagrams, and mapsGet 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 meaningWho This Book Is ForWhether 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 LearnInstall and use D3.js to create HTML elements within the documentUse development tools such as JSBIN and Chrome Developer Tools to create D3.js applicationsRetrieve JSON data and use D3.js selections and data binding to create visual elements from dataCreate and style graphical elements such as circles, ellipses, rectangles, lines, paths, and text using SVGTurn your data into bar and scatter charts, and add margins, axes, labels, and legendsUse D3.js generators to perform the magic of creating complex visualizations from dataAdd interactivity to your visualizations, including tool-tips, sorting, hover-to-highlight, and grouping and dragging of visualsIn DetailThis 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 approachThis 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.