Calc | Tiny expression calculator | Apps library

I am wondering how to solve this problem with basic Python (no libraries to be used): How to calculate when one's 10000 day after their birthday will be (/would be). For instance, given Monday 19/05/2008 the desired day is Friday 05/10/2035 (according to https://www.durrans.com/projects/calc/10000/index.html?dob=19%2F5%2F2008&e=mc2)

What I have done so far is the following script:

My chart y labels are cut off and by trying different solution found on stackoverflow like adding spaces in labels or setting layout padding did not solved the problem.

The code

Below is an example of what I'm trying to accomplish. I'm trying to create LibraryRunner which implements GenericRunner. However I'm getting an IDE warning that LibraryRunner does not implement the methods in the GenericRunner interface. Which makes sense, the method signature doesn't match, but how can I make the method signature match while still using the LibraryCalculator which extends the GenericCalculator?

I learned an idiom to give an alias to trait. But, when I applied this idiom to my code, I encountered a puzzling error.

Here is a simplified version of the code:

HelloWorld.vue

I want to achieve the layout of the snippet below:

• non-fixed navbar at the top with unknown height
• fill the remaining screen space with the #title div
• the article continues after the title (not visible on the screen initially, only after scrolling down)

The problem with this snippet is, that it completely breaks the semantic hierarchy of the HTML. The #uglyWrapper splits the article in two parts.

I could use #title { height: calc(100vh - $nav-height) }, but the top bar is a flexbox itself. So $nav-height is unknwon.

Is there a CSS-only solution, that doesn't mess with this HTML structure:

I could use some help to work out if overloading math operators can be made to work with mixin via does (or but) in a way that avoids the ambiguity error below... this module:

I created something like this using CSS.
The tricky thing here is that the height of the boxes can change if the text is too long.

So, I don't know how to make the dashed lines always behave this way, because the size of the boxes is dynamic.
(There should always be a line from the middle of the first box to the middle of the next box)

This is the HTML and CSS I'm using now.

• I'm actually using SCSS, and React (I'm printing the "row" div 4 times)

  ...

My application requires a starting matrix where each column is staggered-by-1 from the previous. It will contain millions of complex numbers representing a signal, but a small example is: