39,119 questions
Tooling
0
votes
0
replies
42
views
How to draw an area around a set of points on a graph?
I need to draw this graph. I have the points as just x,y coordinates (values are irrelevant). I need some thing to help me draw the bounding area. There will be ability to add/remove points for ...
Score of 0
1 answer
62 views
How do I correctly project points onto a map in d3?
I have data with longitudes and latitudes that I would like to plot as points on top of a map projected onto the visualization space. I pass the point coordinates through the same projection as is ...
Score of 1
1 answer
139 views
having trouble getting d3 graph to show bars when using array of data
I have an array of data showing years and percents and I'm trying to draw a bar graph using d3. I can get a single bar drawn if I feed in numbers that I know will work, but when I'm using the x and y ...
Tooling
0
votes
1
replies
78
views
Series of treemaps with shared areas
I would like to make a dataviz with five different treemaps probably using d3.js. it would single level treemaps, each treemap would have a different size, but the parts inside each treemaps should be ...
Score of 0
1 answer
47 views
Horizontal Bar Charts D3 not stacking or filtering properly
I am attempting to modify a template of D3 code to make a horizontal bar chart that is filtered to show the first 5 rows. When I inspect my 5 data seem grouped together into their own bar rather than ...
Score of 1
0 answers
90 views
selection.select seems to change data bound to nodes [duplicate]
I've been experimenting with using d3.select versus de.selectAll, and I came across some unexpected behavior. In the jsfiddle example, I'm creating div elements of class classA, and then creating a ...
Score of 0
0 answers
56 views
How to implement rotation for SVG ellipse inside a resizable reference box? Using D3.js and angular 19
Reference: screen recording link
I’m working on a feature similar to Figma or Lucidchart where an ellipse (or circle) is placed inside a reference box (a square) with four corner handles for resizing.
...
Score of 2
1 answer
145 views
D3.js how to keep two xScale's domains consistent when applying a zoom transformation
I'm trying to implement a D3.js chart where I can both zoom/pan and manually rescale the axes via draggable SVG handles on the axis themselves.
After rescaling the X axis with the draggable axis ...
Score of 1
1 answer
87 views
how to bind data to a listening rectangle in a d3 line chart
I'm working on creating a tooltip in a D3 line chart. A tutorial I was following (https://www.youtube.com/watch?v=uyPYxx-WGxc) gave me some code, but the tutorial handled data differently than I have....
Score of 1
1 answer
50 views
d3-transition synchronization explanation
I am confused of the concept of syncing d3 transitions.
Consider this code:
const t = d3.transition()
.duration(3000)
.ease(d3.easeLinear);
let width = 500;
let mySVG1 = d3....
Score of 0
2 answers
92 views
unable to get a hard-coded svg line on d3 chart
I'm trying to just get a simple line on a D3 chart without using an array of data (that will be the next step).
The x-axis is years from 2007 to 2023. The y-axis is numbers from 0.00 to 0.50.
I assume ...
Score of 1
1 answer
57 views
unable to adjust d3 y-axis label position
I want to vertically center the y-axis label on a d3 graph. Right now, I have the label at the top of the y-axis. When I try to adjust the y or dy attributes, the label moves horizontally, not ...
Score of 0
0 answers
65 views
How do I filter out unwanted json data above a certain value?
The offending image I have made a d3.geoOrthographic projection of a globe and have imported json data for the ovation of the northern lights which also contains data for the southern lights, the ...
Score of 0
1 answer
66 views
How to append a react-icons element to d3 graph
I have a react.js web application where I display d3 graph.
Currently I can append image file (as icons) to the graph nodes in the following way:
node.append("image")
....
Score of 0
1 answer
109 views
Updating element "A" when element "B" is clicked
Note: This question is a cross-post from the D3 GitHub Discussions page: link
I'm interested in making a matrix of 'pixels' that when one is clicked, other elements can be updated accordingly. Ideally ...