Plot DataFrames columns in plotlyjs

Hi. Sorry for such a late entry into this issue. I have been trying to adapt @empet’s solution to the case of a matrix, instead of a data frame. Not surprisingly, I failed.

My problem is simple. I have a loop that produces a 400×7 Matrix{Float64}: matrix, and I want to come up with a scatter plot of those 7 columns against an array of 400×7 Matrix{Float64}:. As one can see in the figure below, I can easily do it.

The problem I am facing is that I need to name the traces according to the entries of another Float{64} array: y_grid = [0.25 , 0.4 , 0.6 , 0.9 , 1.3 , 2.0 , 3.0]. I can do it trace by trace, but this is ugly and terribly inefficient.

I know how to do it in Plots, but I am migrating all my teaching stuff into PlotlyJS. I am also using Pluto and have no compatibility problems between the former and PlotlyJS due to the workaround developed by @disberd here.

Help will be very much appreciated. Thanks.