react-vis | Data Visualization Components | Data Visualization library

I am trying to build the below bar chart.

My data are in the format :

[ month , region , totalSalesForCompanyA, totalSalesForCompanyB ]

I can successfully build the below charts :

• a bar chart for dual-Y where on the X-axis I have months, and then each Y dimension is the sum for each company.
• a stacked bar chart for the above, where I do have 1 Y-axis dimensions, for each company

What I want is to combine the above and include region. So end goal is to have :

• on my X axis : the month timeline
• 2 Y-axis dimensions : sum for company A and company B respectively
• and each of those sums to be stacked based on region.

Is that possible using react-google-charts? I am reading on ComboChart but I am not sure if that's the one I need. Using Bar Chart it doesn't look like that's possible.

Apologies for the no code post - will add code samples if ComboChart is indeed the one to go for. Thanks!

EDIT : I found that react-vis has something as per : uber.github.io/react-vis/examples/showcases/plots -> Clustered Stacked Vertical Bar Series - was wondering if google charts have something similar

EDIT 2 :

I am looking for something like this :

So having a dimension on X axis - Quarters. Then have 2 Y-columns - each of which is stacked. Those 2 Y-columns are presented side by side.

I'm trying to work with Vis.js in React and have started with the pattern shared by James Tharpe: https://www.jamestharpe.com/react-visjs/.

I'm also trying to include what I'm calling BoltOns which take the state of the network as a param, allowing them to manipulate the event handlers as needed.

Unfortunately, theses BoltOns don't seem to respond to state updates in the way I would expect and therefore I can't properly set the event handlers. My problems are noted in the comments below. Generally, it seems that the object being acted on by the BoltOns is one update behind. It seems it should be able to work this way, as if I trigger my dev server to recompile the behavior is as expected.

I've been stuck trying to get some divs to simply fade in when they become visible on the screen. Maybe I'm missing something, but here's the code.

I'm using the modules React-Spring V9 and React-Visibility-Sensor.

Parent Component's Render:

I can't do "npm install" on this project anymore and I don't know why because I'm a novice. I see in the picture top that something about "node-sass" maybe is the problem. Should I update node-sass? I must ask so I don't cause more trouble

package.json

I am trying to use react-odometer js with react-visibility-sensor in next js. Here I am getting one err like the image? How can I get rid of this error, Experts please help.

Here is my code https://codesandbox.io/s/summer-dream-ysi00

When I deploy React project to Netlify, I'm getting this error: enter image description here

(node:1551) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /opt/build/repo/node_modules/postcss-safe-parser/node_modules/postcss/package.json. Update this package.json to use a subpath pattern like "./*". (Use node --trace-deprecation ... to show where the warning was created) Creating an optimized production build... Failed to compile.

./src/assets/css/responsive.css ParserError: Syntax Error at line: 1, column 23 at Array.forEach () at Array.forEach () error Command failed with exit code 1.

responive.css

Hi I have this problem where if I want to install react-spring into my react project It just pops up bunch of dependencies errors and warnings and I don't know what to do with it. I tried to check documentation of react-spring but I couldn't find anything. I checked few pages here on stackoverflow and I still did not find anything useful. Can somebody help?

I had some issues with my node_modules so I went to delete the node_modules and run npm install. Boy was that a mistake. My project is completely messed up. When I run npm install npm it sends back this:

So I installed Jest in a new project and the app stopped running, due to the error below.

Summary: It's telling me that I've manually installed a dependency to node_modules, something I didn't do, and it's asking me to delete my entire node_modules and yarn.lock. But those steps aren't working.

Note: Removing the dependency from package.json then deleting node_modules and yarn.lock does fix the problem, but when I install jest again, it falls into the same problem.

The steps I took to install jest, here: