Book Image

Mastering D3.js 5 [Video]

By : James Cross
Book Image

Mastering D3.js 5 [Video]

By: James Cross

Overview of this book

<p>Curious about creating advanced visual representations of your data? Do you want to go beyond adding stunning interactive charts to your web project? Are you looking to build a reusable library of charts for your work? Then, this course is for you! </p><p> </p><p>This course focuses on the features in the latest version of D3. D3’s comprehensive JavaScript library for interacting with the dom, connecting data to elements in the dom, animating elements, and working with data are supremely helpful for crafting unique, styled, and reusable visualizations for the browser. </p><p> </p><p>Take this course and you’ll learn to make powerful visual representations of data using D3. Become a master at topics like making visualizations responsive, integrating 3rd party API data into visualizations, interactive and color-coded mapping, linking charts together for updates across visualizations, and more. </p><p> </p><p>Please note that Knowledge of JavaScript is assumed, together with some prior familiarity with D3.js </p><p> </p><p>All the code files for this course are available on Github at -https://github.com/PacktPublishing/Mastering-D3.js-5-</p>
Table of Contents (8 chapters)
Chapter 2
Building Hierarchical Charts
Content Locked
Section 3
Build a Budget Treemap Using Treemap Layout
Seeing data elements visualized with size representing values can help visualize how much ‘space’ a data item takes up. Sometimes online examples seem overly complicated to use for reference. Here, we build a ‘budget treemap’ diagram, & illustrate the conversion of a flat dataset to a treemap diagram. - Prepare data for treemap layout consumption using a function - Pass data & html div ID to a buildChart function - Use D3 methods to transform data into visualization