question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Apply D3 v6 updates

See original GitHub issue

Description

D3 new major release v6 came out, and need to look for the support & migration.

The main affected will be:

  • D3 v6 dropped the old ES support moving to ES6.
  • Dropped the global event object d3.event, replacing it by passing as event param.

Refs.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:16 (10 by maintainers)

github_iconTop GitHub Comments

3reactions
netilcommented, Feb 8, 2021

now you can download d3 v6 support version, directly from npm registry by:

npm i billboard.js@next
3reactions
stofcommented, Jan 20, 2021

Given that there are already a bunch of fixes planned for 2.2, I would suggest making a 2.2 release containing these fixes, and then a 3.0 release with the d3v6 work just after that.

@michkami not that you can still probably use IE 11 with the newer version, if you take care of 2 steps:

  • configure your build tool to transpile the code for d3 packages (and maybe also for the billboard.js package depending on how 3.0 would be built), as they are shipped with ES6 syntax now (intentionally so that they all break in IE 11 if not transpiled)
  • load the necessary polyfills (for sure, Map and Set are used in d3 packages, maybe some other features) AFAICT, d3 v6 does not use any feature that cannot be either transpiled or polyfilled for IE 11. Of course, this still means that IE-specific bugs will probably not be fixed by maintainers (but that’s true also if you stick to an older release which would not receive any fixes anymore)
Read more comments on GitHub >

github_iconTop Results From Across the Web

D3 6.0 migration guide - Observable
Here's a comprehensive list of the changes you will need to watch for when you upgrade to D3 v6: Adoption of ES2015. All...
Read more >
D3.js 6 documentation - DevDocs
D3.js 6.7.0 API documentation with instant search, offline support, keyboard shortcuts, mobile version, and more.
Read more >
D3 Enter, Exit and Update - D3 in Depth
The update function sets the opacity of existing circles to 1. The .attr and .style methods after the .join method apply to entering...
Read more >
D3.js - Data-Driven Documents
Updating nodes are the default selection—the result of the data operator. Thus, if you forget about the enter and exit selections, you will...
Read more >
D3.js — What's new in Version 6?. Quick ... - Dev Genius
Yesterday a new major update to D3 was released, version 6.0. There are TONS of new features in this update, many of which...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found