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
0
votes
2 answers
NextJS issue with server side rendering with react-d3-tree
To start off, I have looked at issue number 40 and 95 on the react-d3-tree github
I don't see anything on StackOverflow that would help me. I am trying to implement the parseJSON method so I can take my own JSON file from the project folder and then…
Kunal Singla
- 31
- 6
0
votes
1 answer
React-Material UI-D3 Promise.all does not show chart without double click on menu
I am a newbie in React Router and State, i don't know why that my simple D3 Chart not show if i use condition/steps below
Load data on Apps using Promise.all and store in State (the reason i load data in here is because i try to avoid to load data…
Wenfeng
- 1
- 1
- 2
0
votes
1 answer
I have created a line Chart using d3.js in React. Need to do some customizations on it and not sure how to do. Please see the description and code
I need to create a line chart using React and D3 as shown below.
The line chart i need to create
I already have this chart with the code i have written
Line chart till now
The code till now is -
import React, { Component } from "react";
import *…
Sarang Grover
- 1
- 1
0
votes
1 answer
How to translate object data to a format known by react-d3-tree
I am currently having problems using my data in react-d3-tree. The data coming from the server is not compatible with the format that react-d3-tree accepts.
I was told that doing the process using a foreach function for every item will work, but I…
Jsandesu
- 105
- 12
0
votes
0 answers
Consuming React d3 area chart using react-d3-components
I am creating a weather application where I am consuming OpenWeatherMap to get forecast data. I want to plot the data similar to google weather widget in an area chart.
I could not find much documentation for D#, I found react-d3-componetns npm…
user804401
- 1,990
- 9
- 38
- 71
0
votes
1 answer
React Adding tooltip and name to Sunburst
I am not too good at data visualization.I want to create a Sunburst where the user can zoom. I have done the zoom with the help of my friend but I am unable to add text from data. Here is my code of zoomable Sunburst.
import React from…
Unity Hour
- 550
- 2
- 7
- 22
0
votes
1 answer
React Synthetic Event strange behavior
I've scoured other answers, this one coming the closest to what I'm dealing with.
But my issue remains. I cannot access the properties of a synthetic event. Like shiftKey
For some context, I'm using an onClick handler that comes packaged with…
Matt Wilde
- 271
- 2
- 18
0
votes
1 answer
react d3 : error Cannot read property 'string' of undefined
In reactd3, I get this error when I try to import:
var PieTooltip = require('react-d3-tooltip').PieTooltip;
How do I fix it?
TypeError: Cannot read property 'string' of undefined
79 | scaleExtent: [1, 10]
80 | }, _commonProps2.default);
…
Alaa Mokrani
- 166
- 1
- 11
0
votes
1 answer
React and D3: Cannot read property 'X' of undefined
Am new to React and I have a project that am gonna use D3 to create my charts after installing it on my project and create this class:
import React, { Component } from 'react';
var ReactDOM = require('react-dom');
var LineChart =…
S4L4H
- 402
- 1
- 5
- 21
0
votes
1 answer
How to use react-d3-components in create-react-app
I want to use the charts on https://github.com/codesuki/react-d3-components
with my react app created using create-react-app. How do I integrate the code?
Use:
var BarChart = ReactD3.BarChart;
var data = [{
label: 'somethingA',
values: [{x:…
Andrew Florial
- 1
- 2
0
votes
1 answer
use d3 v3 instead of d3 v4 react js
I am importing d3 library using:
import * as d3 from 'd3';
But it gives me this error:
15:20-27 "export 'time' (imported as 'd3') was not found in 'd3'
The reason being, the code is using d3 v3 and I am importing d3 v4. How do I restrict it to…
user2128
- 590
- 2
- 13
- 35
0
votes
1 answer
How to give custom colors to rectangles in react-d3-treemap based on a field in json dataset?
How to give custom colors to rectangles in react-d3-treemap based on a field in json dataset? d3 treemap should change color according to data passed in json. here iam using the npm module react-d3-treemap to generate the treemap, everything works…
Aswin TK
- 118
- 12
0
votes
1 answer
How to display images on nodes of a react-d3-graph?
Greetings
I am trying to create a skill/talent-tree like graph with d3+react where each node has an image on it, reacts to hover by displaying a tooltip ( with the description of the skill ), and has a number displayed like an index ( indicating…
rayaqin
- 187
- 2
- 14
0
votes
1 answer
react d3 graph errors
I have two graphs, one I am making by calling an api and getting the data out of it and the other one by manipulating the data of it.
import React, { Component } from 'react';
import * as d3 from 'd3';
import * as ReactD3 from…
Aayushi
- 1,736
- 1
- 26
- 48
0
votes
1 answer
Plot graph using react-d3
I am trying to make a histogram of some data that I have using react-d3-components . The code that I have is like this
import React, { Component } from 'react';
import * as d3 from 'd3';
import * as ReactD3 from 'react-d3-components';
import…
Aayushi
- 1,736
- 1
- 26
- 48