Stack Overflow
Stack Overflow

Questions tagged [react-d3]

Modular ReactJS charts made using d3 chart utilities.

Modular ReactJS charts made using d3 chart utilities. https://www.npmjs.com/package/react-d3

70 questions
26
votes
6 answers

Upgrading React to 0.13.2 causes: "Uncaught TypeError: Cannot read property '_currentElement' of null"

I upgraded my React version from 0.12.2 to 0.13.2 and my React-Router from 0.12.4 to 0.13.2. Doing just those two upgrades and nothing else, I now get the following error when I load my webpage/app: Uncaught TypeError: Cannot read property…
Matthew Herbst
  • 29,477
  • 23
  • 85
  • 128
8
votes
1 answer

React-d3 findComponentRoot(..., .0.0.1.0.0.1.0.$/=13.0.$faux-dom-0): Unable to find element

I try to use react with react-d3 but I'm getting error all the time, at first time, I have use react v16 but it request React v0.14.9. So now I can see the Chart before error appears. I have used this tuto from react d3. After setting it there that…
Tryliom
  • 895
  • 1
  • 12
  • 37
5
votes
1 answer

React-d3 Chart Not Showing

I have performed the step by step instructions for getting a chart in react-d3 : http://www.reactd3.org/get_start/ I added this to my code and I see nothing. However if I inspect then I do see an SVG tag with some things in it. Has some element…
Oliver Watkins
  • 12,575
  • 33
  • 119
  • 225
4
votes
1 answer

Calling React Component function from JS function

I have React component which renders D3 tree. The code snippet is given below. componentDidMount() { var mountNode = ReactDom.findDOMNode(this.tree); // Render the tree usng d3 after first component mount if (this.props.treeData) { …
Akash Sateesh
  • 271
  • 2
  • 4
  • 13
3
votes
1 answer

How to fix `react-d3-tree` in place?

For some reason the default behaviour in this package is to allow users to move the trees around as they please. How do you disable grabability? I'd also accept an answer which suggests a different tree-graph package that looks nice and doesn't…
libby
  • 585
  • 4
  • 15
3
votes
0 answers

Error in "React simple maps" - zoom not working for value other then 1

I have used react simple maps, and want to add a custom zoom control to change zoom levels based on button clicks. import React, { memo, useState } from "react"; import { ZoomableGroup, ComposableMap, Geographies, Geography } from…
Arjit Acharya
  • 31
  • 2
3
votes
0 answers

Calling react-d3-graph function outside of graph

I have created a network topography map using react-3d-graph and I am trying to access functions which are native to react-3d-graph outside of the graph itself. For example, I have a button which needs to utilize highlight behavior to highlight an…
CHays412
  • 145
  • 2
  • 15
3
votes
1 answer

D3 horizontal Barchart using react-d3-components package

I am using react-d3-components for D3 chart. i am successfully generating the Bar chart. but my requirement is to generate horizontal bar chart var React = require('react'); var ReactDOM = require('react-dom'); var d3 = require('d3'); var BarChart =…
Sangram Badi
  • 4,054
  • 9
  • 45
  • 78
2
votes
0 answers

d3.js draggable globe implementation in React

I'm new to d3.js and have litle experience on working with svgs. I can't make my globe rotate horizontally and vertically on drag. The rotation only works horizontally and the action is on the whole svg instead of just the globe. This is my…
Nuno Costa
  • 21
  • 4
2
votes
0 answers

How to add/remove nodes to React Tree View

I want to create a tree that allows the user to be able to add/remove nodes by clicking on the node that the user would like to add children to/remove the node they click on. I am using the react-expendable-treeview package as I like how it looks…
CheeseMan
  • 45
  • 2
  • 6
2
votes
1 answer

D3.extent() throws TypeError : Values is not iterable

I have been scratching my head over this for the past three hours, if anyone can help, please do. I am not very adept at D3 in combination with React. So, basically, I have an anomaly detector algorithm running in the backend Flask App which returns…
MultiError
  • 23
  • 1
  • 5
2
votes
1 answer

react-d3-graph set starting positions for nodes

Does anyone here use the library react-d3-graph? https://danielcaldas.github.io/react-d3-graph/docs/index.html I'm trying to find a way to give my nodes starting positions, I'm unsure how their positions are set upon render right now. Any idea how…
Tamjid
  • 4,326
  • 4
  • 23
  • 46
2
votes
1 answer

Show Date/time in x axis using react d3

I am very new in to react js. I want to show the date/time in the x axis of my graph. I have follow all the steps from https://github.com/react-d3/react-d3-tooltip I got the below error: DOMPropertyOperations.js?930e:147 Error: attribute d:…
Karan
  • 1,048
  • 2
  • 20
  • 38
2
votes
1 answer

Filtering out just one series in chartSeries in react-d3

I am using react-d3 to create a graph with multiple correlated data sets, the problem I am running into is that one of the data sets does not necessarily have an entry for each point in the other. I can set the value to 0, but that creates the…
user439407
  • 1,666
  • 2
  • 19
  • 40
2
votes
1 answer

Update items and change Pie chart dynamically. React.js + D3

I'm making a Pie chart which reflects changes of the number of items dynamically. I could count the number of items but I stacked the point of storing data into Pie Chart after updating items. I referred to this question : How to change states for…
aaayumi
  • 1,224
  • 8
  • 27
  • 47
1
2 3 4 5