[#1] Знакомство с Chart.js | Визуализация данных на JavaScript
HTML-код
- Опубликовано: 11 мар 2023
- Первый урок курса в процессе которого рассмотрим такую тему как визуализация данных на языке программирования JavaScript.
Попробуем сделать запрос на сервер, получить данные о цене на алюминий, и на основе этих данных нарисуем простой линейный график с помощью библиотеки Chart.js.
Редактор кода VS Code:
code.visualstudio.com/download
Редактор кода Acode:
- бесплатная версия - play.google.com/store/apps/de...
- платная версия - play.google.com/store/apps/de...
Ссылка по которой делать GET-запрос:
www.alphavantage.co/query?fun...
Ссылка для подключения axois:
cdn.jsdelivr.net/npm/axios/di...
Ссылка для подключения Chart.js:
cdn.jsdelivr.net/npm/chart.js
Ссылка на весь плейлист: • Визуализация данных на...
Код урока:
github.com/ateros-lab/data-vi...
#data #visualization #javascript #chartjs #js #chart #library #визуализация #данных #уроки #программирование
![[#2] Стили и real-time chart | Визуализация данных на JavaScript](http://i.ytimg.com/vi/KX4wDnjZYAU/mqdefault.jpg)
![[#2] Стили и real-time chart | Визуализация данных на JavaScript](/img/tr.png)
![Young Nudy - John Wayne (feat. Metro Boomin) [Official Video]](http://i.ytimg.com/vi/NY8HnYYo2fo/mqdefault.jpg)
легко и понятно спасибо автору за старание ждем продолжение
Спасибо 🙏
Супер, спасибо !
Спасибо! Очень круто объясняешь
Спасибо)
четко и по делу! Классно.
Спасибо большое 🙏
О, круто, спасибо
Емко, кртатко и эффективно, Отличное видео. 5++!
Спасибо большое) 🙏🙏
Спосибо за видео
1 лайк с меня, такого контента про chart js не нашел в ютубе. То что нужно все есть!
Спасибо большое 🙏🙏
Очень годно👍
Спасибо) 🙏
Вау!!!😳 Вау, вау! Спасибо за супер контент!!!🙌💪👍
Рад, что вам понравилось) 🙏
@@AterosDev Спасибо за Ваш ответ! Скажите, пожалуйста, как Вас зовут? Если не секрет, сколько лет Вы в программировании и с чего начинали? Честно говоря, я совсем немного понимаю или почти ничего не понимаю, как Вы это делаете, но Вы мотивируете!!! Спасибо!!!👍👍👍🙌
Спасибо мне приятно 🙏 Рад, что мои уроки вас мотивируют 🔥🔥👍
Я понимаю, что иногда бывает сложновато, просто продолжайте смотреть, практикуйтесь и со временем понимание придет.
Круто!
Спасибо)
Большое спасибо за объяснение! Помимо рисования графиков ещё небольшой мануал по асинхронному программированию :)
Спасибо, рад что вам нравится) 🙏
Хороший ролик ❤
Спасибо) 🙏
Отличное видео! Спасибо. А можно ли в одном теге canvas реализовать несколько графиков с разными порядками значений по оси Y? Имеется ввиду, например, атмосферное давление (разброс значений = 730÷770), влажность (0÷100), и температура (-30÷+30) воздуха и чтобы min и max значений всех трёх графиков совпадали и для каждого графика была своя шкала Y?
Привет, спасибо 🙏
Скорее всего вариант такой, что будет один У от 0 до 770 и на нем уже все три линии. Но можете также посмотреть в документации, возможно есть варианты именно для вашего случая (если правильно помню, была возможность отображать две шкалы У, по обе стороны графика)
Спидран получился какой-то)
))
Можно более подробное объяснение что к чем и почему
Здравствуйте.
Можете подсказать с чем именно у вас возникли трудности?
@@AterosDev если не сложно объяснять почему массив через for прогоняем, почему используем event и прочее. Что бы было наглядно как и почему работает JS
Скорее всего вам надо подтянуть знание самого языка JavaScript (можете почитать mdn, либо посмотреть уроки на ютюбе у меня, либо у других авторов), а уже потом возвращаться к курсу Визуализация данных, так как это материал уже немного посложнее.
неужели есть люди, которые работают на телефоне??
Телефон можно использовать для прохождения уроков, если у кого-то, по каким-либо причинам нет доступа к компьютеру.