Stack Overflow
Stack Overflow

Questions tagged [react-vis]

A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, pie and donut charts, sunbursts, and tree maps.

Features

  • Simplicity. react-vis doesn't require any deep knowledge of data visualization libraries to start building your first visualizations.
  • Flexibility. react-vis provides a set of basic building blocks for different charts. For instance, separate X and Y axis components. This provides a high level of control of chart layout for applications that need it.
  • Ease of use. The library provides a set of defaults which can be overdid by custom user's settings.
  • Integration with React. react-vis supports the React's life cycle and doesn't create unnecessary nodes.
  • Based on D3.js

Resources

83 questions
0
votes
3 answers

How to have growing chart in table shrink back down in React when resizing window

I'm using a visualization library React-vis and have found that while a line graph or chart can shrink and grow normally when using the FlexibleXYPlot component, once it's placed in a table cell with a width of 40% of the row it's in, it grows but…
reactor
  • 1,722
  • 1
  • 14
  • 34
0
votes
1 answer

SVG "z-index" workaround

I am working on a dashboard that is displaying three gauges, that each highlight some part of a dataset that form a 'donut graph'. The design calls for 4px stroke on the highlighted part of the dataset, but because of the SVG draw order, this…
Karl Stefan
  • 150
  • 2
  • 8
0
votes
1 answer

how to fix overflowing uber react-vis multi color barchart

I'm trying to make a multi colored bar chart with uber's react-vis library. The issue I'm having is that the left most bar chart overflows underneath the YAxis instead of being contained to the right of it. You can check out this…
Falieson
  • 2,198
  • 3
  • 24
  • 35
0
votes
0 answers

Vertical grouped bar chart of dynamic columns using react-vis

vertical grouped bar chart of dynamic columns using react-vis the output using react-vis vertical bar Expected output
Govind Yadav
  • 9
  • 3
0
votes
1 answer

FlexibleWidthXYPlot requires fixed width to render

I'm using FlexibleWidthXYPlot inside a component that is rendered conditionally if component should be visible and data (via props) is defined. But the react-vis calculate the chart width to width=0 (so Chart isn't displayed). I can make it…
olefrank
  • 6,452
  • 14
  • 65
  • 90
0
votes
1 answer

React Vis LineMarkSeries style property, separate stroke and fill for Line and Mark

I have this in my component: so i am…
Sachin srinivasan
  • 758
  • 8
  • 18
0
votes
1 answer

How to set the distance between nodes in react-vis-force?

I am having troble in figuring out, how to set the distance between nodes in react-vis-force. Is there anyway to dynamically set link length based on the individual link? For example, some nodes are further apart than others.
Atul kumar singh
  • 454
  • 10
  • 24
-2
votes
1 answer

How to specify the y-axis range for multiple y-axes in React Vis js

So an overview of the issue I'm encountering is I have two y-axes on my chart and I need to change the domain range of each axis separately. So far I have not found anything that can do this within React Vis. What I am looking for is a way to set…
Andrew Raposo
  • 1
  • 2
1 2 3 4 5
6