Stack Overflow
Stack Overflow

Questions tagged [visx]

19 questions
8
votes
2 answers

"Error: require() of ES Module" using Visx with Nextjs

I am using the Visx library to build charts in Nextjs. I am using the Visx scales, for which I import them as follows: import { scaleBand, scaleLinear, scaleOrdinal } from "@visx/scale" Internally, Visx uses d3's scales and is using "require" import…
Juan Manuel Jurado
  • 81
  • 1
3
votes
0 answers

Visual Studio extension - add button to editor's status bar

I'd like to create an extension to editor's status bar in Visual Studio 2022. By this, I mean line with cursor position and code cleanup button. It seems that in previous versions of the IDE, the cursor position was presented in the status bar of…
fat
  • 6,435
  • 5
  • 44
  • 70
2
votes
0 answers

How to add Custom GlyphSeries to LineSeries in visx XYChart?

I have implemented a Visx XYChart component with LineSeries. Codesandbox link here Requirement: I need to display a Glyph to indicate the start and end of the individual LinePath, and only if the LinePath starts or ends in between the start or end…
anoop chandran
  • 1,460
  • 5
  • 23
  • 42
1
vote
0 answers

I want to create a chart in Visx and separate the upper and lower colors into positive and negative

What we want to solve I want to separate the colors of the graph from 0 to plus or minus, but I have tried several galleries and looked at Issues, but I can't get the graph to render properly. I am very sorry, but I would appreciate your answer. I…
Beginner Professional
  • 327
  • 1
  • 10
1
vote
0 answers

How can I pass the fill color of marker as a parameter

I have a marker acting as the pointer end of a line to make an arrow:
chung
  • 835
  • 1
  • 7
  • 19
1
vote
0 answers

visx threshold y values issue

So I have set up two line charts using visX, and what I need is the space between them to be filled with color. I've tried using the Threshold component, but the props seem to be wrong, any idea how to achieve this? Here is a sandbox:…
Aika Sat
  • 167
  • 3
  • 11
1
vote
0 answers

How to create rectangles in visx

Can you please tell me how to implement this kind of graph in visx? Looked through the documentation and did not understand how to build rectangles, I would be glad to hear a hint. The graph looks like this
Karen
  • 49
  • 6
1
vote
1 answer

visx, how to grow pie chart arc on mouseEnter?

So I know how to attach a mouseEnter event on my arc , ok... But after that I don't know how to handle all the functions I…
François Richard
  • 6,817
  • 10
  • 43
  • 78
1
vote
1 answer

VISX avoid floats on Y axis

How to avoid floats on Y axis? Note: I dont want to use Math.round since it breaks the axis. Is there anything in VISX similar to CHART.js precision?
underfrankenwood
  • 431
  • 1
  • 7
  • 22
0
votes
0 answers

Ensuring first x axis tick value is a sufficient distance from first data value

I'm using visx/d3 to build a line chart. Depending on the data, the first x axis tick/label might be very close to the Y axis line. Our design team wants a little "overlap" in the x/y axis lines, but in cases where the first x tick label is too far…
helion3
  • 34,737
  • 15
  • 57
  • 100
0
votes
1 answer

Flip bar chart horizontally in visx (React)

I tried to make the airbnb visx (https://airbnb.io/visx/bars) Bar chart as a horizontal bar chart, however it appears flipped with the Y-Axis on the right side. How do I make the Y axis appear on the left side? I want the bars to start from the left…
GregF
  • 143
  • 1
  • 13
0
votes
0 answers

How to align @visx Hierarchy Tree view nodes on the top & root node on the top left

I am using VISX and example implementation is here https://codesandbox.io/s/github/airbnb/visx/tree/master/packages/visx-demo/src/sandboxes/visx-linktypes I want to achieve the UI, where root node is on the top left and all children nodes in each…
jithu reddy
  • 849
  • 1
  • 10
  • 19
0
votes
0 answers

Optimizing @visx/wordCloud for faster rendering

I'm trying to create a word cloud using the @visx/wordCloud library in my React application. However, the rendering time is very slow (about 10 seconds), and I need to create new word clouds on the fly as part of an interactive dashboard, so this…
ishan
  • 1
0
votes
0 answers

How to use a div as the node component in visx network

I want to create a custom node inside the nodeComponent attribute of Graph. I basically want it to be the MUI popover component but html in here doesn't seem to be allowed. I can't even get a

hello

to be the node. What do I need to do to…
chung
  • 835
  • 1
  • 7
  • 19
0
votes
0 answers

How to turn edges into directed edges (arrows) in visx-network?

I'm using react visx (network) to create a diagram with nodes and edges but I'm not able to find anything about directed edges in the docs. I looked up how to create arrows from scratch in react but it actually looks much harder than I expected so…
chung
  • 835
  • 1
  • 7
  • 19
1
2