linear | Ruler app with web-development in mind | Frontend Framework library

The format of df seems weird (data points in columns, not rows).

Below is not the cleanest solution at all:

It's because that shape is made with linear gradient as background, so you just need to adjust gradient percentages:

From

background: linear-gradient(25deg, yellow 50%, transparent 50%);

to

background: linear-gradient(25deg, yellow 20%, transparent 20%);

You could try using element.scrollTop to save the position of the scrollbar and then use the saved value to set the scrollTop property to where it was when the timed function is called.

(https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop?retiredLocale=it - https://www.javascripttutorial.net/dom/css/get-and-set-scroll-position-of-an-element/)

Chris W. is 100% correct, using a vector editor like Adobe Illustrator, Inkscape, or Affinity Designer will make your life much easier when working with complex shapes in SVG. However, for simple shapes like this it doesn't hurt to understand the inner-workings of SVG curves. Not only will it help you malke mathematically perfect shapes but your code will also (usually) be much smaller than what an editor will produce.

The example I'm showing here is only one possible approach out of many to accomplishing this shape. I'll explain the procedure and series of commands briefly but I've also included a second copy of your shape with comments and additional shapes to highlight what the control points are doing (this helps me visualize SVG code).

First it moves to a point at x0, y 100 and draws a relative cubic curve (c) whose first control point is right 100px from the start point with no vertical change and whose second control point is right 180px and up 90px from the start point. The following s curve assumes that it will reflect the previous control point of the c curve before it so it only needs it's second control point and end point specified both of which are designated relative to the end point of the c curve and mirror the previous control points of the c curve. The rest is an absolute vertical line (V) to the bottom of the SVG, an absolute horizontal line to the bottom left corner (H) and a Z to close the path. SVG is awesome, hope this helps you.

If your frontend and backend can be built and deployed seperately, than you can use rules:changes to check if a change happened and need:optional to only deploy the respective built libraries.

The issue is that in the else statement, you are returning a function that is never called.

You can try my model-relative-opacity component along with an animation component:

I'm the developer of that package. It should work with lme4::lmer() equations. The issue here is with dropping the intercept but having it vary randomly at higher levels. See this issue for more details.

If you have suggestions for how you would expect the equation to render, I'm open to working out a fix. But for now, equatiomatic::extract_eq() assumes that whatever random effects you have also have corresponding fixed effects.

I think I've found the problem. It happens that when I'm executing the "removeValue()" on firebase, it triggers it asynchronously. So, the for Loop is finished quite quickly giving me the LogCat above. I have added an OnSuccessListener to the remove command and am increasing the progress in there. Also, I've added a control variable in order to know when the processing is finished and thus close the progressbar. The end code, is like that: