17.07.2024

Как я создал свой собственный трекер фондовых индексов с графиками временных рядов с использованием Low-code

1 минута чтение

Пошаговое руководство по созданию любой приборной панели или трекера с графиками временных рядов с использованием low-code!

Недавно я начал инвестировать и наткнулся на продукт под названием Smallcase. Принцип работы таков: эксперты создают диверсифицированный долгосрочный портфель акций и ETF и своевременно управляют им для вас. Мне очень нравится идея о том, как можно добавлять акции в портфели или корзины, чтобы снизить волатильность рынка. К сожалению, на данный момент этот продукт доступен только для индийских инвесторов, и это побудило меня создать приложение, в котором я мог бы создать портфель, а также создать на его основе собственный индекс с функциями для сравнения тестируемых индексов, таких как Dow Jones. / С и П.
Создание такого приложения с нуля заняло бы у меня много времени; Мне пришлось бы выбрать интерфейсную структуру, настроить базу данных и поработать над различными структурами визуализации для построения диаграмм временных рядов. С Appsmith я смог создать это приложение всего за несколько часов. Если вы еще не знаете, Appsmith — это фреймворк с открытым исходным кодом и низким кодом для создания внутренних приложений. В этом блоге я расскажу вам о шагах, которые я выполнил для создания приложения.

Во-первых, позвольте мне более подробно рассказать о характеристиках приложения.
С помощью этого приложения вы можете делать следующее:
Отслеживание акций: установите фильтры для того, какие акции следует отслеживать в течение дня по умолчанию, или создайте конкретные списки.
Создавайте собственные корзины: создавайте индивидуальные портфели акций в виде корзин
Диаграммы временных рядов для сравнения производительности: создайте собственный индекс для этих портфелей и сравните их с эталонными индексами, используя диаграммы временных рядов.
Уведомление: отправка уведомлений и триггеров при колебаниях на рынке.
В этом блоге я также погрузюсь в построение отличных графиков временных рядов и построю наш трекер фондовых индексов, который будет сравниваться с S&P 500, Dow Jones и NASDAQ.
Вот несколько скриншотов приложения:

TL; DR; Я использовал Appsmith, Fusion Charts on Appsmith, API из MarketStack, Alphavantage и Google Sheets в качестве серверной части для создания этого приложения.
Это приложение в основном использует Appsmith, инструмент с низким кодом с открытым исходным кодом, который может подключаться к любой базе данных, API или GraphQL для создания административных панелей, информационных панелей и внутренних инструментов. Appsmith также поддерживает параметры построения диаграмм; он имеет встроенное расширение, которое использует Fusion Charts для создания визуализаций данных; это значительно упростило построение моих собственных диаграмм временных рядов. Чтобы получать все данные об акциях и ценах в режиме реального времени, я использовал бесплатные API от MarketStack и Alphavantage.
(Не забудьте сгенерировать свои собственные ключи API, если вы следуете этому руководству по созданию аналогичного приложения! Чтобы узнать больше о создании собственных ключей API, прочтите этот блог)
Я использовал Google Таблицы в качестве основы для отслеживания акций и хранения индивидуальных портфелей и корзин акций.
Создание корзин для группировки и отслеживания запасов
Первый шаг к созданию портфолио, или, как я люблю их называть, «корзин», — это создание пользовательского интерфейса. Благодаря этому форма может принять название нашего портфолио, время создания и логотип для удобного просмотра… и немного тщеславия! 😎
На его создание с помощью Appsmith и Google Sheets у меня ушло меньше 5 минут; вот как я это сделал:
Примечание. Я использовал облачную версию (бесплатная версия для сообщества) Appsmith; вы можете создать его либо в локальной версии с помощью Docker, либо в автономной версии Appsmith.
Зарегистрируйте новую бесплатную учетную запись на appsmith.com
Щелкните значок «+» рядом с «Источниками данных» и выберите «Google Таблицы» в качестве источника данных.
Авторизуйте свою учетную запись Google и создайте новый запрос, нажав кнопку NEW API после сохранения источника данных.
Имя запроса было переименовано в assBasket, так как нам потребуется доступ к именам запросов в пользовательском интерфейсе.
Я создал новый лист Google со следующими столбцами: