Рисование графиков, есть ли интересная статья или пример?

Question

[Александр Моргунов]

Привет всем. Работаю над одним комплексным проектом, в рамках которого хотели использовать библиотеки для рисования графиков, да большая часть из них не подходит для наших нужд и задумок. Вот я и хочу спросить, есть ли у кого на примете гайд или статья по рисованию в canvas средствами JS? Google отсылает на страницы, где описан топ-лист самых крутых библиотек, которые я уже пробовал. Надеюсь на адекватные ответы.
Заранее спасибо :)

Answer 1

[Максим Тимофеев]

есть ли у кого на примете гайд или статья по рисованию в canvas средствами JS

Базис есть тут:
https://www.w3schools.com/tags/ref_canvas.asp
https://www.w3schools.com/html/html5_canvas.asp
Советую начать именно отсюда

Answer 2

[dummyman]

Из jquerийных простенький morris и посложнее flot.
Для Анжелы n3. Для любителей Ember Charts.
Простенькие ChartJS и uvCharts.
Очень легкий и хорошо разжеванный ChartList.
Не менее хорошо разжеванный, но платный, ZingChart.
Поддержку legacy обеспечит FusionCharts - обещают работу на IE6.
Профессионалам понравится список фичей plotly.
Вы бы конкретнее указывали какие графики вам нужны. А то все не подходят, а что нужно - секрет. Хотите создавать свою систему - читайте исходники существующих. - Врятли любая статья будет лучше и более полной чем исходники рабочих библиотек.

Comments

[Александр Моргунов]

не подходит для наших нужд и задумок

Вот я и хочу спросить, есть ли у кого на примете гайд или статья по рисованию в canvas средствами JS?

[dummyman]

Александр Моргунов:
Хотите начать велосипед с нуля, не изучая исходные коды и тесты библиотек, тогда вам сюда:
https://dmitrybaranovskiy.github.io/raphael/
https://code.tutsplus.com/tutorials/an-introductio...
https://www.amazon.com/RaphaelJS-Graphics-Visualiz...

[dummyman]

Александр Моргунов: где вы видете ссылку на мануал?

[Сергей Кислов]

dummyman: https://code.tutsplus.com/tutorials/...
Даже не знаю =)

[dummyman]

Сергей Кислов: а когда это тутор стал маном? я чтото пропустил?

Answer 3

[jeruthadam]

Есть, но все неинтересные и невеселые.

Answer 4

[Сергей Соколов]

Графики === D3.js

Можно рендерить в SVG с отличным интерактивом и идеальным качеством печати (вектор же!). Можно и в canvas, если бешеная инфографика с огромным числом элементов (скаттер-плот из десятков тысяч точек). Из минусов не низкий порог вхождения.

Answer 5

[MikhailTatsky]

Лучшая подборка по chart библиотекам
https://github.com/zingchart/awesome-charting

И на всякий случай лучшая подборка grid решений
https://github.com/FancyGrid/awesome-grid

Answer 6

[dom1n1k]

Если у вас действительно такие специфичные нужды, что никакие готовые библиотеки не подходят - все равно не надо рисовать с нуля. Это не очень сложно, но очень муторно, убьете колоссальное количество времени на отладку. Тогда надо все равно надо использовать библиотеку, но более низкого уровня. И тут собственно вариантов почти нет - D3.js