The biggest update was upgrading the Angular chapter to 

. This new release is more performant, but requires us to add an additional option to 

 in the most recent release for more details.

The React chapter also got a small update - I renamed the 

The last change that I'll call out is a workaround for a Firefox bug. There is a fix going out in the next version, but the current version of Firefox will ignore any CSS 

 coordinates. This caused our tooltips in 

Fortunately, it was an easy fix! Instead of using the CSS property (

Please download the newest version to avoid some other typos that I updated. Thanks to everyone who reported typos, and respond to this email thread to show off the awesome charts that you've made. We'd love to see them!

<h1 data-node-type="titlePlaceholder">Fullstack D3 Book Updated to r7</h1>This post is a collaboration with <a href="https://twitter.com/wattenberger" rel="noopener noreferrer nofollow">Amelia Wattenberger</a>.We've released a number of updates to <a href="https://fullstack.io/fullstack-d3" rel="noopener noreferrer nofollow">Fullstack D3</a> bringing the current revision to <code>r7</code>.<blockquote>To get the update to the book either:<ul><li><a href="https://gumroad.com/library" rel="noopener noreferrer nofollow">visit your Gumroad library</a> or</li><li><a href="https://fullstack.io/fullstack-d3" rel="noopener noreferrer nofollow">purchased your own copy of the book and code</a></li></ul></blockquote>The biggest update was upgrading the Angular chapter to Angular 8. This new release is more performant, but requires us to add an additional option to <code>@ViewChild()</code> to specify that we want our <code>container</code> element available by the time the <code>ngAfterContentInit</code> lifecycle hook runs. Check out Chapter 14 in the most recent release for more details.The React chapter also got a small update - I renamed the <code>useAccessor()</code> function to <code>callAccessor()</code> to clarify that it's not a hook.The last change that I'll call out is a workaround for a Firefox bug. There is a fix going out in the next version, but the current version of Firefox will ignore any CSS <code>transform: translate()</code> manipulations for ancestor elements in <code>d3.mouse()</code> coordinates. This caused our tooltips in Chapter 5 to act as if there were no top or left margins.Fortunately, it was an easy fix! Instead of using the CSS property (<code>.style("transform", "translate()")</code>), we're now using the HTML attribute (<code>.attr("transform", "translate()")</code>) to shift our bounds.Please download the newest version to avoid some other typos that I updated. Thanks to everyone who reported typos, and respond to this email thread to show off the awesome charts that you've made. We'd love to see them!

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

Fullstack D3 Book Updated to r7

Responses (0)

Masterclasses

Tutorials

Fullstack React with TypeScript