React Component for 2D plotting
We need a React component that is able to do 2D plotting with arbitrary data. Required features would be:
-
Plotting functions as a continuous line (DOS, band structure) -
Zoom -
Pan -
Axis labels and ticks, possible tex support -
Fullscreen mode -
Interactivity with other parts through callback functions
After a bit of research, it seems that the best approach is to use the open-source plotly.js library for doing the plots. It is based on d3.js and webgl so it should be flexible and performant enough. Also these days it does not require any authentication/account. It has all the plotting capability built in, so it should be very quick to develop the required plotting components.