All Questions
2,685
questions
1
vote
1
answer
26
views
Unable to create a bar chart in powerbi using d3.js
I'm trying to create a bar chart for a sample data in the d3.js editor in powerbi, but I'm always getting a blank visual or else just a visual with only 2 lines as x and y axes. Below is the code I've ...
0
votes
0
answers
22
views
React d3 tree display div on hover
I am rendering custom nodes in react-d3-tree. I want to display a div on hover only next to the hovered node. How can I proceed with this?
Each time I hover over a node, all the divs display, not only ...
0
votes
0
answers
32
views
Multi line and axes chart using d3.js in powerbi
I'm trying to create a multi line chart with dual y axes , I've tried running the code in powerbi d3.js visual , but is not yielding any visual. I'm not understanding where I've made the mistake
I ...
0
votes
0
answers
18
views
More than three d3 Charts on HTML Page is not showing
As shown in the picture, the fourth chart is a line chart.enter image description here The code itself works fine individually and with other codes. It shows when it is the first chart, the second ...
1
vote
0
answers
55
views
Create line chart using d3.js
I want to create a line chart for the following data in powerbi custom visual d3.js
Student name
Marks
Jasmine
45
Oliver
33
Maya
11
Ethan
66
Sophia
77
Lucas
8
Ava
88
Clara
11
I've tried ...
0
votes
1
answer
53
views
SVG Gradient with D3
I am trying to achieve the following svg gradient
The closest I can achieve is
I'd be very grateful if someone could help out
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.4/d3....
0
votes
1
answer
45
views
Why the mouse hover is not showing?
// Create a tooltip
const tooltip = d3.select("body").append("div")
.attr("class", "tooltip")
.style("position", "...
0
votes
1
answer
73
views
Javascript Error: require is not defined is the Jupyter Notebook Macbook Pro OS
I'm encountering a JavaScript error, "require is not defined", when trying to run Jupyter Notebook on a MacBook Pro. This issue occurs in both Edge and Chrome browsers. Below is the ...
0
votes
0
answers
27
views
HTML opening with VS Code Live Server buth not from my local files
I have an issue with this HTML code using d3.js. It's working fine as long as I open it with Live Server on VS Code, but once I open it from my local files it doesn't show the graphs it creates, I was ...
0
votes
0
answers
40
views
Passing a value returned from a function into a d3.filter
I am trying to pass a value from a function that locates a name from a dropdown list in my html and have it as the argument in my d3.filter.
The function works fine, but I cannot seem to figure out ...
0
votes
1
answer
34
views
Matrix Like Grid Compatible With d3.js and Row Transition Effects
I have a grid design with several rows and 3 columns. The rows represent something like a folder structure, that is there is a parent with some child, who also can have some childs and so on.
...
0
votes
1
answer
41
views
Access bound data in join
How can I access the bound data within the enter (say) callback of .join? Assume the following use case. In my data I have a slot (n) which is used to create an object. I thought I could use .datum() ...
1
vote
3
answers
51
views
Control order when adding multiple elements in a d3 join
Follow up from Add Rows to grid layout via d3
With the following snippet I can now add data as rows in a grid layout. However, as you can see, d3 adds first all cell1 then all cell2 and eventually all ...
0
votes
1
answer
24
views
Add Rows to grid layout via d3
I am fairly new to d3, so I consider this a newbie question, b/c I still could not wrap my head around data joins. I am trying to add rows to a grid layout. Each row is represented as an object with ...
1
vote
0
answers
28
views
D3 Heatmap height/width
function createHeatmap(data) {
d3.select("#my_dataviz svg").remove();
const margin = {top: 80, right: 25, bottom: 30, left: 300},
width = 1000 - margin.left - ...