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
61
views
Is there a way to support ESM and node/NPM without an import map?
I'm working on a library that I publish as ESM. A primary goal is to allow it to be used without a build step, or even without using node/npm at all (just clone the repo and import). But I also ...
0
votes
1
answer
57
views
Bipartite_D3 giving "ReferenceError: vizjs is not defined" error and not runnin script properly
I am new to programing, but I figured how to do most things on R Studio with the help of some frineds and try and error. But I have no idea what is happening when I try to run the Bipartite_D3 package,...
0
votes
0
answers
19
views
Unable to view an indented tree and a document embedding for this d3 project
I am learning visualization using D3 and was trying to execute this code on my browser for creating an indented tree to view taxonomy and to create a document embedding but unfortunately I can't view ...
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
0
answers
37
views
Why are x, y in a twin d3v7 force graph NaN? Why doesn't the data work properly?
I want to implement a dual-panel set of D3 force graphs (see below).
I use an adjacency list to split my original data into two graphs. There are two copies of everything, so individual elements can ...
1
vote
1
answer
41
views
create d3 heatmap showing days on one axis and hours on the other?
I want to create a heatmap with d3 showing days (January 1, January 2, etc.) on one axis, and hours (12am, 1am, 2am, etc.) on the other. I have managed to get the data to display, but I'm not sure if ...
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 ...
1
vote
1
answer
57
views
Directed graph update nodes with new data
I've been struggling with this issue for days now and cannot find a solution to update the nodes properly.
Since I'm using threejs to render the graph I couldn't find enough info on the web on how to ...
0
votes
1
answer
67
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
28
views
d3.js how to keep focus on node, when collapsing and expanding
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. ...
0
votes
2
answers
86
views
How to filter Observable Plot text mark when "section" is too narrow
Using Observable Plot, I wish to recreate the https://merrysky.net weather timeline with colored bands and text labels.
I have gotten an initial version working, but it has some flaws:
The labels are ...
0
votes
0
answers
17
views
Sorting tiles by total (sum) size of parent node in a D3.js treemap
I generated the treemap below using the D3.js library. Parent nodes are filled in gray, leaves are filled white.
However, despite setting the sorting based on the values (determined by attribute &...
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 ...
-1
votes
1
answer
37
views
Transform NCDU JSON output file to hierarchical json data like flare.json [d3 example file]
I want to convert the NCDU json file (https://dev.yorhel.nl/ncdu/jsonfmt) to a hierarchical json that can be imported in D3.js using D3.json(). Here is the D3 sample file flare.json (https://raw....
0
votes
0
answers
43
views
Angular 14 - D3 Package running an unintended animation on a node which was not clicked
I'm new to D3 package. I'm currently working on a network topology visualization a using D3 on Angular 14 project. The network topology structure is described below:
L0: 0001
L1: 0002
L1: 0003
L2: ...