Skip to main content

All Questions

Tagged with
0 votes
0 answers
43 views

D3 scaleTime getting really strange dates

I am working on a timeline in d3. My expectations are that it shows the day of today, and then the user can zoom in/out to see more times and dates. However to start with it gets me a date in 2034 and ...
Fabiot's user avatar
  • 449
0 votes
0 answers
23 views

Plotting (discontinuous) 2d-functions correctly with d3

I have to have a smooth plot of a decisionboundary which is a function that takes (x,y) as input and returns a single value. The decisionboundary points that I have to plot have to be smaller than a ...
MarcelausZell's user avatar
0 votes
0 answers
24 views

React - Recharts How to prevent active bar to change while still hovering on the tooltip

I am using this chart, the problem is my tooltip contains some links, and it's width extends the other bars, and when i want to click on the link, the tooltip changes to the next bar's tooltip. Is ...
Anir_Ln's user avatar
  • 83
0 votes
0 answers
19 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 ...
bogdmu00's user avatar
1 vote
1 answer
42 views

React onMouseEnter event.currentTarget is always null

I am using React d3 tree with a custom node element. I am trying to show some text on hovering a node, but it only works the first time I hover over one, then the mouse.currentTarget seems to be null ...
bogdmu00's user avatar
0 votes
0 answers
20 views

How to Align KDE Plots to the Edges of a Scatterplot in React with TypeScript and D3.js

I am working on creating a component that includes scatterplots for multiple datasets and KDE (Kernel Density Estimation) plots for the x and y-coordinates of those datasets, in React with TypeScript ...
Meetali's user avatar
0 votes
0 answers
19 views

d3js graph: no overlapping nodes

I have a graph in d3js which is very dense in the centre, but not dense in the outer areas. Currently, it looks like this: My primary goal is that no nodes are overlapping and that the titles of the ...
Hemmelig's user avatar
  • 794
0 votes
0 answers
13 views

How to set the minimal height of the rectangles in D3's zoomable icicle

In my React app I would like to add this kind of zoomable icicle and use my own data for it: https://observablehq.com/@d3/zoomable-icicle The problem I came across was that some of my data was having ...
Adriana Ružić's user avatar
1 vote
2 answers
47 views

Best way of calling conditioned function just once in useEffect if frequent changes in dependency array?

I use "Scrollytelling" in my React application and need to change an svg dynamically according to the current scrollprogress of a section. For example like this: useEffect(() => { ...
MarcelausZell's user avatar
0 votes
0 answers
24 views

drag event is not working for Nodes in d3js

I am trying create a Force directed graph where I want my nodes to be draggable but somehow the event handlers dragStarted, dragged, and dragEnded are being triggered initially, but they're not ...
Ankit kumar's user avatar
0 votes
1 answer
30 views

Tooltip Blinking Issue on Hover over Skill Bubble (React & d3)

I'm encountering an issue with tooltips on my website where they keep blinking when hovering over skill bubbles. I've implemented the tooltips at a fixed location, but whenever there's a bubble on ...
c2-mrinal's user avatar
0 votes
0 answers
16 views

Issues with different xscales but same domain values in D3 heatmap

I'm, pretty new to D3 and I am trying to build a heat-map in D3. It has different years. Each year has its own day scale(on x-axis) and year label should also be shown but shared month-scale(on y-axis)...
grumpy_developer's user avatar
0 votes
0 answers
22 views

Issue with a tooltip following my cursor in an svg

I created a graph of the S&P 500 in a React App using d3 and svgs. I wanted to style the graph by adding alternate shading on the graph to further visually highlight the start and end of each year....
drcasas2's user avatar
0 votes
0 answers
30 views

Issue in rendering D3 heatmap for grouped data

I need to render a heatmap with y labels on Y-axis, x labels on bottom X-axis and groups on top X-axis. Each group has different number of days. In my dataset I have 36 objects, I'm supposed to see ...
grumpy_developer's user avatar
0 votes
0 answers
54 views

D3 Select With React Native

Is there anyone, who tried to create a D3 Force Directed Graph with React Native? There are complications, since the Svg Elements are named differently in the react-native-svg Component. I changed ...
theotechnic's user avatar

15 30 50 per page
1
2 3 4 5
76