banjo | MIDI Looper designed for Live performances | Audio Utils library

I am trying to see how spoken-word and read-word frequency correlate with performance on a word game. here is my reproducible sample:

I am trying to see how word frequency correlates with phonotactic probability using R, but there are a few issues. First, and most generally, I don't know merge these two graphs together (i want them to appear on the same axis).

This leads to a second problem because the first graph's y values are in probabilities, and the second is a count, so the scales are not the same. Should I combine data frames first, or is there a simpler way to merge two graphs?

Here is the reproducible sample, and the code for my graphs:

I have tried this code:

I'm trying add a navbar with links that should be below a logo text and centered. However I can't get it to work properly in tablet/mobile view. I have a mockup to follow and have to use only HTML & CSS. I have tried push it with margin & padding but can't get it to be in the center.

Help appreciated.

Mockup

In a multiplatform app I'm showing a sheet to collect a small amount of user input. On iOS, when the sheet is dismissed, the relevant .onDismiss method is called but not on macOS.

I've read that having the .onDismiss in the List can cause problems so I've attached it to the button itself with no improvement. I've also tried passing the isPresented binding through and toggling that within the sheet itself to dismiss, but again with no success.

I am employing a NavigationView but removing that makes no difference. The following simplified example demonstrates my problem. Any ideas? Should I even be using a sheet for this purpose on macOS?

I just want to make clear that I have no problem closing the sheet. The other questions I found were regarding problems closing the sheet - I can do that fine.

Hello and thanks in advance for any help!

Working with my first Angular page and was working through a tutorial to get my mat-cards to all be the same height dynamically for size changes. Having the error pop up on my forEach((x: HTMLElement) => ... Please see code below.

I am writing a search menu that searches for and shows on the page all matching substrings in a string on pure js. I made the search on page, but I don't know how to display the results in the search drop-down menu with the number of results like on picture use only js. My code and picture below:

Continuation of my question. There is a search block, a string is searched among the "p" blocks on the page, the number of blocks is displayed.
I cannot make it so that the blocks that contain the search string are reflected in the drop-down list as in the picture.
Question:
how to make a drop-down list with "p" blocks that contain the desired string in pure js.

An example in the picture, the available code below:

I have been rewriting my website ondeband.com - it is currently a wordpress website and I am about a month into writing it in react.

I am not going to change the home page too much - it has a background image that changes every couple seconds. You can see it in my link above.

Problem is...on my new react version of the website - it flickers between each image change - speically when I pushed it to heroku. It works 99% of time on my local dev server.

I have a feeling it is due to the 'preloading' of the images? Maybe you can point me in the right direction - Here is my code for the home page of my app.

The div with the className of 'homePage' is where the bg image is loaded into the inline styles. The variable bgImage is stored in state. I use the useEffect hook to start the function, 'bgTransition', that changes each image randomly.