Leo Mavrin

Ну смотри. Тебе следует почитать о прицнипах ООП, функционального програмирования. Будешь лучше понимать, как правильно писать код, чтобы потом не было с ним проблем.
Читай о патернах, методологий (css). Есть в ООП такое понятие как принцип solid

Вот несколько источников, где можо познакомиться с этим:
https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D0%B7%D...
https://labs-org.ru/obektno-orientirovannoe-vizual...
https://tproger.ru/translations/10-oop-principles/
https://techrocks.ru/2020/08/26/solid-principles-i...
https://medium.com/webbdev/solid-4ffc018077da

О патернах ООП:
https://habr.com/ru/post/136766/
https://proglib.io/p/learn-oop-patterns/ - более новая статья (патерны те же)
https://ru.wikipedia.org/wiki/%D0%A8%D0%B0%D0%B1%D... - познкомишьс с шаблонном проектированием. Рекомендую в википедии взять их названия познакомиться с ними там на каком-то уровне базовом, а потом гуглить их по отдельности, особенно ООП, потому как js является ООП языком и с функциональном программированием, лишним вообще не разу не будет.

Если будешь гуглить такую тематику, то там будут примеры того, что описывает прицип, так лучше будешь понимать, как надо делать и какие плюсы ты получишь от использования. Ну и желателен наставник, который бы указывал на ошибки. Ну и конечно же побольше писать! Еще научиться проводить рефакторинг кода, это когда ты написал функцию, например, а она у тебя большая, сложная и не понятная, а ты знаешь, что функция у тебя должна выполнять ровно одно действие, вот ты и дробишь ее на несколько мелких, меняшь условия на более логичные, менешь название переменных на более понятные и т.д. Сокращаешь код или делаешь его более локаничым, оставляя функционал тот же и вот ты уже можешь переиспользовать любую из функций, просто дав ей нужные аргументы, а что у тебя в условии понятно с полувзгляда, потому что, например, у тебя функция какая-то проверяет условие, возвращет boolean значение и тебе достаточно в if проверить, что тебе вернулось true или false)

А в репозиториях все, что ты поймешь, так это то-что ничего не понятно)))
Масимум увидешь как можно написать ту или иную вещь. Все! Ты больше ничего там не поймешь. Слишком много кода, для анализа, чтобы учиться на твом уровне

это должна быть просто небольшая библиотека с набором методов для рисования линейных графиков?

Да!

И что значит здесь АPI - сам внешний интерфейс для работы с библиотекой или что-то более сложное

Просто интерфейс для работы.

Кто-то может сталкивался с таким?

Я писал библиотеку для создания popup окон. Необходимо было написать простой api и достаточно гибкий api для работы с ней. Сам api я описывал с помощью class'ов и на вход принимал объект. Так же реализовывал функциональное (функциональный подход) api

Проверяй формы, там я думаю ненадо объяснять по каким условиям нужно проверять.
При нажатии на далее, делай fetch запрос, после просто через `document` подставляй новый html
Немного к ознакомлению:
https://metanit.com/web/javascript/8.5.php
https://learn.javascript.ru/dom-navigation
https://learn.javascript.ru/document

Почему бы не реализовать это посредством css?
Можно менять hover на цвет который был во время клика с помщью :active

React! Мне кажется, это то, что тебе нужно!)
И потом, если я не ошибаюсь, то все таки им присылается json, с которым они дальше работают. При первой загрузки грузиться голый DOM, а потом только json, когда ходишь по их страницы, это я про вк

В твоем вопросе, я бы рекомендовал использовать объекты.
Если я правильно понял, то тебе, надо достать значения каждого ключа!?
"и можно было разобрать ссылку, что бы отобразить те же элементы" - В смысле разобрать ссылку?
В виде объекта, это будет выглядеть так:

{
el_1 : "option_1_3", 
el_2 : "option_1_2",
el_3 : "option_2_2", 
el_4 : "option_2_3", 
el_5 : "option_3_1",
el_6 : "option_3_2"
}

Почитай это, я думаю найдешь для себя что-то, что поможет тебе в решении проблемы