Modular ReactJS charts made using d3 chart utilities.
Modular ReactJS charts made using d3 chart utilities. https://www.npmjs.com/package/react-d3
Questions tagged [react-d3]
70 questions
1
vote
1 answer
Cannot figure out how to customize a D3 based plot
I am using react-d3 to make a scatter plot because the react wrapper for Plotly appears buggy. I am having a problem with d3 in that I cannot figure out the api. On the react-d3 website you can see how they made a scatter plot, and I have that…
smuggledPancakes
- 9,881
- 20
- 74
- 113
1
vote
1 answer
Adding react-d3 to my react-native app causes a error
I am quite new to reactJS, and have just started working with react-native.
I added react-d3 using npm install --save-dev react-d3 but when I refresh or rebuild the app I am getting:
TypeError: undefined is not an object
(evaluating…
ven
- 21
- 3
0
votes
0 answers
Unable to use material ui icon as node in react d3 tree
As stated in the question, I am unable to use a Material UI icon. The icon appears; however, I am unable to change the size of the icon and it appears to the right where the foreignObject is, instead of where the circle node is supposed to be. Here…
aj3409
- 186
- 2
- 14
0
votes
1 answer
Customizing React D3 Tree version 3.5.1
Currently working with react-d3-tree library in my react app.I'm using following code to decorate my nodes and I want box shadow. but its not working . can anyone spot the mistake I'm using LTS version for now
'
const renderRectSvgNode = ({…
Samathi kisalka
- 33
- 1
- 5
0
votes
1 answer
ReactJS D3 chart not showing data mapped from Context, but works with static variable
New to D3 and React.
I'm trying to show data on a grid (x/y axis) for each record against a background image (logo), showing a small images.
I've got the D3 graph working if I use static data (gcs in my example code below). But, if I try to…
Clarkie
- 39
- 7
0
votes
0 answers
renderCustomNodeElement prop not functioning
I am using the react-d3-tree to render a tree chart. I want to use create a custom node by passing a function to the renderCustomNodeElement prop, but somehow it seems this prop is not accepting the value passed.
Here is the code:
import React, {…
Momen
- 107
- 3
- 10
0
votes
0 answers
How to make a radial context menu with d3 and open a modal upon node creation?
I'm trying to make a context menu for adding, editing, deleting nodes and edges in a d3 network graph.
I haven't been able to find any examples of radial context menus nor have I seen examples on opening a modal between you click the "create node"…
user3237169
- 91
- 6
0
votes
0 answers
d3 Radial Tree and React-Flow?
Quite new with d3 but have been stuck on this for several weeks and figured I'd ask here
I've been trying to create a radial/flare tree using React-Flow but I'm having a really hard time with positioning the nodes. I need to use React-Flow because…
Tony Chan
- 41
- 1
0
votes
0 answers
How to display api data in React-d3-network as nodes?
enter image description here
This is my api response.So I have network data like this :
const data = {
nodes: [
{
id: "ETH",
svg:
"https://cdn-icons-png.flaticon.com/512/2891/2891526.png",
},
…
Leo
- 11
- 1
0
votes
1 answer
react d3 - using data from csv - attribute d: Expected number, "M0,NaNC0,NaN,50,NaN…"
I'm trying to create my first react-d3 line charts and I'm having trouble getting it right. I feel like I'm pretty close but I can't figure this part out.
I have a CSV that I'm trying to read data from to get this chart going. I've found other…
Cflux
- 1,423
- 3
- 19
- 39
0
votes
0 answers
Is there any way to convert react-d3-tree to pdf in react js
I have implemented react-d3-tree library to represent large amount of data in form of nodes, now i want to convert that tree into pdf on download button click. Is there any way to convert it. I am stuck in it.
Here is the below link of react-d3-tree…
0
votes
1 answer
D3 zoomable Sunburst and React update through props
I'm trying to get a react component working which uses the d3 sunburst chart. The problem I'm facing is I need a way to update the zoom level of the sunburst component, as a trigger from an external component. I'm sending the node to be zoomed to…
falc0nit3
- 999
- 2
- 8
- 16
0
votes
0 answers
How to make react-D3-library draggable?
I'm trying to make my D3 chart draggable, but when I dragging the app crashed.
Using d3-3d to make it drag.
The errors:
The code:
let sum;
var j = 10,
scale = 8,
scatter = [],
xLine = [],
yLine = [],
…
Michael Daineka
- 143
- 1
- 2
- 9
0
votes
1 answer
Using transitions in React Hooks and D3
I am trying to replicate the gauge seen here in React with Hooks. It's the first time I am working with D3.js and even though I managed to replicate the gauge itself, the behavior is a bit strange (transition of the needles does not work) and I am…
cartita
- 31
- 9
0
votes
1 answer
Attempting to render JSX element but getting undefined
So I have this JSX element that I am attempting to render in the Class component. It is essentially a visual provided by D3's React library. However, I am receiving this error upon attempting to render the D3 visual:
Unhandled Rejection (Error):…
Joshua Baroni
- 17
- 7