как отображать графики с помощью элемента canvas

Question

При изучении алгоритмов графа и HTML-элемента canvas меня поразило, что у меня должна быть небольшая собственная библиотека графов в javascript, которая показывает графики с использованием элемента canvas. Можете ли вы указать мне правильное направление, чтобы я мог прочитать некоторый код/ python] о том, как отображать графики и писать свою собственную маленькую библиотеку.

PS: я имею в виду ребра и Node grapth, а не столбцы и круговые диаграммы.

Answer 1

Существует довольно много способов отображения графиков с использованием различных алгоритмов компоновки. Двумя основными из них являются алгоритм компоновки с принудительным направлением, который может быть алгоритмом непрерывной компоновки с использованием принципа двухтактного преобразования. Следующим является алгоритм компоновки GEM, который использует элементарный физический подход для определения наилучшего соответствия.

Вот несколько примеров:

http://vis.stanford.edu/protovis/ex/force.html

bitbucket.org / bwalenz / Алгоритмы / SRC /

Протовис, наверное, самый функциональный. Ссылка bitbucket является реализацией алгоритма GEM, но без визуализации. Он просто выкладывает узлы / ребра.

Answer 2

На самом деле не используется canvas, но довольно хорошее решение JS для графиков: Плагин Raphael Charting

Хорошая вещь о Raphael заключается в том, что он работает во всех браузерах, включая IE.

Answer 3

Отличная библиотека, для графики на холсте: processing.js: http://processingjs.org/ Это графическая библиотека, которая позволяет вам создавать удивительные визуализации, используя простой код JavaScript. посмотри.