Questions tagged [d3.js]
D3.js is a JavaScript library for creating interactive data-bound visualisations of documents using HTML, SVG, and Canvas. Questions should mention the version number of D3 you are using.
d3.js
39,353
questions
0
votes
0
answers
23
views
D3 Projection has black border, causes country fills to be impossible
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 ...
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 ...
0
votes
0
answers
21
views
Problem D3 Chord Diagram Labels and Zero Values
Is there an issue with correctly labelling d3 chord diagrams where the data contains zero values?
Consider this code for d3 version 7. I'm using the color names as data to make the point obvious.
&...
1
vote
2
answers
130
views
Get Observable Plot x,y data values from mouse (hover) position
Question: How can I get the x/y data values from an Obervable Plot for the point the mouse is hovering over? (Or touched on mobile.)
Background: I am trying to make an interactive timeline like on ...
0
votes
0
answers
29
views
Fetch to fail error with local json and tsc file in JS (with d3)
I'm trying to visualize data in a d3 map using my own TopoJson file (it could be false, but that's not the issue). Right now, my program is not able to fetch the local JSON and tsv (Failed to fetch ...
0
votes
1
answer
38
views
How can I add text to a data point on a d3 graph?
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:
https://jsfiddle.net/pz2afemd/
var y = [5,6,8,4]
...
0
votes
0
answers
15
views
D3 TreeMap using ExtJS : Expanded property
I am creating chart using D3 Treemap using extJS,
How to insert node in the existing Tree Map and how to change the value of expanded property, In
my case it is always returning false, generally it ...
0
votes
0
answers
11
views
ExtJS TreeMap visulation
I am creating TreeMap visualation in ExtJS. If the tree has following tree structure
Root has two children A & B, each A & B has two children AA,AAA, BB,BBB
Root
A
AA
AAA
B
BB
BB
Default ...
1
vote
0
answers
21
views
Creating circular curve in D3 [duplicate]
EDIT: My question was closed and a similar question was suggested, but the accepted answer was some overly-complicated formula. However, I found a better answer to my question via a link to ...
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
27
views
Why can't I load the dataset in this data visualization based JavaScript program?
I am starting starting to dive deeper into programming and have started with d3 library. I wanted to run a program that will create a scatterplot and parallel line graphs using a penguin dataset I ...
0
votes
0
answers
25
views
d3.js not showing tooltip on mouseover
D3.js won't show tooltip. I can see in the html that a rect is shown with proper styling as I add on the element definition, even though mouseover is triggered(used console.log to check), but the new ...
0
votes
0
answers
16
views
Navigating d3-flame-graph in a VSCode Webview panel using keypresses (w a s d / arrow keys) on keyboard
I have a VSCode extension that displays a flame graph in a Webview. Are there any recommended ways to navigate the flame graph using arrow keys on the keyboard, similar to how a user would navigate a ...
1
vote
1
answer
51
views
d3js - geojson of polygons is not drawn
I'm trying to draw a map (polygons of the districts of a city) using d3js. And all I get is a beige rectangle.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=&...
1
vote
1
answer
37
views
D3orgChart Zoom when scrolling
Here is an example of adding buttons to zoom in and zoom out on a chart.
I need to stop zoom when scrolling on chart.
How can I do that?
https://stackblitz.com/edit/js-zd21e3?file=index.html
i tried ...