D3.js By Example

Key FeaturesLearn 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 meaningBook DescriptionThis 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.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 visualsAbout the AuthorMichael Heydt is an independent consultant, programmer, educator, and trainer. He has a passion for learning and sharing his knowledge of new technologies. Michael has worked in multiple industry verticals, including media, finance, energy, and healthcare. Over the last decade, he worked extensively with web, cloud, and mobile technologies and managed user experience, interface design, and data visualization for major consulting firms and their clients. Michael's current company, Seamless Thingies (www.seamlessthingies.tech), focuses on IoT development and connecting everything with everything.He is the author of numerous articles, papers, and books, such as Instant Lucene. NET, Learning Pandas, and Mastering Pandas for Finance, all by Packt Publishing, on technology. Michael is also a common speaker at .NET user groups and various mobile, cloud, and IoT conferences and delivers webinars on advanced technologies. He can be reached through his website e-mails, mike@heydt.org and mike@seamlessthingies.tech and on Twitter at @mikeheydt.Table of ContentsGetting Started with D3.jsSelections and Data BindingCreating Visuals with SVGCreating a Bar GraphUsing Data and ScalesCreating Scatter and Bubble PlotsCreating Animated VisualsAdding User InteractivityComplex Shapes Using PathsUsing Layouts to Visualize Series and Hierarchical DataVisualizing Information NetworksCreating Maps with GeoJSON and TopoJSONCombining D3.js and AngularJS

Author: Michael Heydt

Learn more