viz | Visualize GitHub 's most popular repos | Data Visualization library

First, an MRE with an emphasis on the M¹:

I'm not familiar with the idioms for that package, but I'd be tempted to use castOptic equality to turn the identity Iso into a Prism. That seems to get the idea across pretty well. However, I would expect that in most contexts you wouldn't actually need to convert it to a Prism; you can presumably use polymorphic functions (like preview and review) that will accept an Iso as well as a Prism.

In your case, I suspect the right approach would be to write something like

Generally speaking, profunctor optics (such as those used in the lens and optics packages) aren't directly coercible. Roughly speaking, the internal representation of a prism is something like:

lot of solutions, one with jmespath, you could try this:

It is not possible to extend a color scheme automatically via Altair/VegaLite. You would need to manually define the colors you would want to use, or switch to another color scheme, as you mentioned.

Note that when you are using this many categorical colors, it can become quite difficult for the reader to parse the information in the plot and it is usually better to break down the plot into multiple plots via faceting, or use labels/hovering to encode some of the information instead of relying solely on color. There are some good pointers on this topic in this book chapter.

For exploring the data, at least to start with, I suggest using geom_point() together with geom_line(). Anyway, the problem you are facing is because you are mapping the independent variable to the y aesthetic, while geom_line() expects the independent variable to be mapped to x. In such cases, one needs to pass orientation = "y" to geom_line(). This is a fairly new feature of 'ggplot2'. (The temperature readings a less noisy, so they do not look too bad in your plot but it would anyway be better to also plot temperature as shown bellow for DO, disolved oxygen.)

Nobody uses this (invisible dependent quantification) for this purpose (where the dependency is not used) but it is the same as giving a Type -> .. parameter, implicitly.

The problem is that you're calling redraw() without waiting for the transition to complete (it takes 1s i.e. durationTime, while the subsequent redraw calls must be taking a few milliseconds).

The solution is to save all the steps in an array. And then later re-use it to redraw with a time interval between each redraw() call. Use setInterval for that.

I have created a working codepen with the mentioned changes.

1. replace all calls to redraw() with a steps.push (ref: Array push method)
2. After the sorting is complete. Call redraw steps.length times with a time interval of something greater than durationTime (ref: setInterval)
3. Once you've finished redrawing, clearInterval to cleanup the setInterval (ref: clearInterval)

For making your website responsive you need to use media queries. It's like you tell the browser how to style your website in different sizes. I think your problem with your sections might also get solved if you try to make your website responsive.