grapher | Meteor Collection Joins Reactive GraphQL like queries | GraphQL library

I have python project like

I have a python script that I have placed inside a docker container named "grapher". The python script inside the "grapher" container generates a graph and saves it like so:

I was planning to plot few trendlines within one time series graph so that I could visualize the changes of trends, spanning between several time limits. I managed to draw a single linear trend throughout the time series, but I was hoping maybe drawing a couple more trends at 2007 to 2010 and 2010 to 2013, which would help me to address the stable trend between 2007 to 2010 and decreasing pattern between 2010 and 2013. I used the following codes:

I'm trying to do a pyplot graph but am unable to access the function family where I change the 'x tick labels'. I know the function exists but my code doesn't want to recognise it. From what I've found on the internet, I might need to move beyond using plt.plot but don't really understand why I need to do this.

Here is my code:

I am currently finishing up a Web Development course and this week we are covering: Adding Javascript to your website. The scripts are easy to add and I have gotten everything to work, however, the purpose of the script and the site do not go together. One of the tasks is to add a button and onclick - the time and data are displayed. I get the intent here to demonstrate that you can add these elements to a page - but it does not make sense to me. So, I want to add the date and time in a way that it fits with the purpose of my site - which covers COVID information. Hence, what I am putting together is a button that when clicked will display the date and time (as required) and also display an embeded map from Our World In Data. This will meet the assignment requirements and have a logical purpose for displaying the time/date along with an update on COVID information.

Now, what I am finding out is that a div tag cannot have two IDs and that a function cannot have more than one element. However, there has to be a way that a button can display two things when clicked - right?

So, after two days at this - this is where I am at and any suggestions you may have are more than welcomed. Remember, I am learning here as I go and I do not have any education in Javascript at this time.

Where I am at with two separate buttons:

I am trying to design a chart in a flutter app that displays data graphed against time or day (depending on a button press), however, I am running into an issue where the graph label text runs into each other.

I was wondering if there is a way to rotate text in the fl_chart object LineChartData to show the date or time at an angle or vertically rotated?

My code looks like this so far and the output of the graph looks like this:

I am trying make some contours to my special data. I am using matplotlib contour and SciPy griddata routines for this. But the lines of contours are obtained very detailed and too fragmented. I want to achieve a more coarse distribution. My minimized python code as follows.

I was trying to program an application using pygame which can plot lines. The code-snippet is as shown below-

grapher.py

The code below prints a line on a UIView. I just want to know the code that I would write to be able to insert an image on top of the view.