overdrive | Bash script to download mp3s

I'm trying to draw a line from an element [.identifier] to the clicked element [ A, B, C series ]. I'm able to display the line but in the other direction, not sure why it is displaying in such direction. Here is my fiddle: https://jsfiddle.net/SampathPerOxide/u2afymxs/11/ Can someone help me to display a line between ".identifier" and respective series element?

Expected result on clicking A series: on clicking B series:

I'm trying to create a responsive dots connecting among the images like below. I'm able to achieve this with CSS, but the layout is collapsing when I tried to change the image widths or parent div width. How can I make this layout work for all screens and image dimensions?

Here is my code link: https://jsfiddle.net/SampathPerOxide/q2yab607/29/

I need to create class on the go thus I am oriented to metaclass.

I have a main class with methods and __init__. I need to create class from this main class, thus I do the following:

I'm quite new to React and I have been given a task of creating an application that finds a bunch of surfing spots along the coast and ranks them from novice to expert surfer (depending on how high the wind speeds are for each spot).

Here is a link to my application in current progress: https://lewisd1996.github.io/surferspotter/

When it loads up, you can see the spots are already loaded onto the map, however it doesn't stop the GET request and just keeps going, you can see in the chrome console "XHR finished loading: GET """. The timer is just going on forever and my laptop's fans kick into overdrive.

Am I missing something to tell it to stop once all the data has been fetched?

My SurfMap component:

I am following a tutorial and have come across code that I need explaining.

This template php code is for parsing a csv file and populating the $data associative array with the results.