cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Resolver III
Resolver III

D3.js Supported versions?

Hi,

 

I am currently working with writing custom visuals in Power BI using the D3.js library. https://d3js.org/ 
Initially I had issues getting the D3 files packaged into the PowerBI packages via the pbiviz command line interface.

 

It looks as though custom visualisations only work with earlier versions of the D3 library (Version 3) Using V4 doesn't appear to work at all. 

 

I used the Microsoft SVG-Utils npm package to get going with a solution that works ( https://github.com/Microsoft/powerbi-visuals-utils-svgutils ) and this contains version 3.5.5

 

Is this the latest supported version?
Is there any information on when newer versions will be supported (if they aren't already)?

Thanks in advance,

Matt

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Microsoft
Microsoft

Re: D3.js Supported versions?

Hi Simon,

 

If you build a visual under powerbi-visuals-tools higher than 2.5, you can use any npm library for your visual.

The most of MS visuals currently use D3 v5.

 

Kind Regards,

 

Evgenii Elkin,
Software Engineer
Microsoft Power BI Custom Visuals
pbicvsupport@microsoft.com

View solution in original post

7 REPLIES 7
Highlighted
Microsoft
Microsoft

Re: D3.js Supported versions?

Hello @MattCalderwood,


Yes, svg-utils don't support v4 yet, but it's in backlog.
D3 v3 was one large library. You had to include all of it, even if you didn't need all of it.
D3 v4 is actually a set of small modules. You can choose to use one or more as you need them.
For example, if you need 'selection' from D3 v4, you can add the following packages to your project:
https://www.npmjs.com/package/d3-selection
https://www.npmjs.com/package/@types/d3-selection

Nikita Grachev,
Team Leader
Microsoft Power BI Custom Visuals,
pbicvsupport@microsoft.com
Highlighted
Resolver III
Resolver III

Re: D3.js Supported versions?

Hi @nikitagrachev

Thanks for the reply.

Have you successfully got Version 4 running in a custom visual? 
This blog post suggests that it doesn't currently work (but it is a few months old). http://blog.jongallant.com/2016/11/pbiviz-12-d3-35-reference/ 
I am unable to find any guidance that is more recent.

Think I will try it out again.

Cheers,

 

Matt

Highlighted
Community Champion
Community Champion

Re: D3.js Supported versions?

D3 v4 actually works. However, you can't use ES2015 module system (import/export).

I suppose that you should use window.window.d3 to access d3 v4.

 

Another option is to use prebundler such as webpack or rollup in order to generate a single JS file and use this file in pbiviz tools.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Highlighted
Resolver III
Resolver III

Re: D3.js Supported versions?

Thanks for the reply @v-viig I will give this a try asap.
Cheers.

Matt

Highlighted
New Member

Re: D3.js Supported versions?

Hi
Is there anywhere you are able to see the latest supported version of D3.js?


Thanks in advance
Simon

Highlighted
New Member

Re: D3.js Supported versions?

Hi Matt,

 

D3 v 5.12 works fine for me. I created 'Power BI- Custom Visuals' course on Udemy using this version.

 

Regards,

Marek

Highlighted
Microsoft
Microsoft

Re: D3.js Supported versions?

Hi Simon,

 

If you build a visual under powerbi-visuals-tools higher than 2.5, you can use any npm library for your visual.

The most of MS visuals currently use D3 v5.

 

Kind Regards,

 

Evgenii Elkin,
Software Engineer
Microsoft Power BI Custom Visuals
pbicvsupport@microsoft.com

View solution in original post

Helpful resources

Announcements
August 2020 Community Challenge: Can You Solve These?

August 2020 Community Challenge: Can You Solve These?

We're excited to announce our first cross-community 'Can You Solve These?' challenge!

Super Users of the Quarter - Q2 2020

Super Users of the Quarter - Q2 2020

Who are our Super User Superstars? Who made it to the top of the leaderboards? Get the answers!

Community Blog

Community Blog

Visit our Community Blog for articles, guides, and information created by fellow community members.

Community Summit Australia – Join Online!

Community Summit Australia – Join Online!

Be a part of the leading Microsoft Business Applications digital event, curated for the APAC community.

Top Solution Authors
Top Kudoed Authors