I’m working on an application that requires the use of d3.zoom, and I’m bumping into an issue when listening for the mousedown event. I’ve simplified the problem into the example below.

I would like to create this plot in D3.js v7.

svg.selectAll(‘.node’) .filter(node => node.id.toLowerCase().includes(para_group)) .style(‘opacity’, 1) .attr(“r”, 10); this is from a d3.js-used file, as seen above, “node” is the parameter of an anonymous function which is the parameter of filter() function, does the selectAll() function automatically passes the result as a parameter to filter() function? javascript d3.js New contributor kawsar anwar is a new […]

There is a dynamic hierarchy tree written by myself with d3.js library. When collapsing and expanding the nodes, the distance between the nodes is dynamically recalculated and the focus is shifted. This does not seem critical if you collapse or expand a node that has few descendants. But if there are many descendants, when you click, the distance changes and the node you clicked on moves to the side. Is there a way to keep the focus so that when you click, the mouse pointer does not move to the side, and the node is drawn relative to the position of the node that was clicked?

I am currently trying to setup a D3 Map with PIXI. For some reason, when using d3.geoMercator with data from https://www.geoboundaries.org/. I get this border around my map:

When having all my countries outlined this is fine, but I am wanting to highlight countries in different colours. As soon as I try any form of fill it fills the entire screen.

I am using d3 to try and create a line graph with text on one of the lines data points. Here is a jsfiddle of my unsuccessful attempt at doing this:

Data loading/preparation
• Displaying data table
• Adapting axes
• Render scatterplot points
• Scatterplot selection
• Element Deselection
• Radar Chart
• Animated transitions

I have a multiline chart built with d3 that allows the user to select/deselect lines using checkboxes in the legend. I want to make two of the lines deselected by default, with the user having the ability to check them and add them in if desired.

i am trying to port a d3 code on powerbi but it keeps giving me a blank display without showing any error:

I have a multiline chart with mouseenter, mouseleave event to highlight one line at a time, and leave it dim when mouse leaves