форумы  помощь  поиск  регистрация  вход/выход  слежка

Вариант для распечатки		Пред. тема | След. тема
Форум Разговоры, обсуждение новостей
Изначальное сообщение		[ Отслеживать ]

"Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
Сообщение от opennews (ok) on 15-Сен-16, 19:07
Иркутская компания AnyChart перевела (http://www.anychart.com/blog/2016/09/15/anychart-open-source.../) проект GraphicsJS (http://www.graphicsjs.org/), в рамках которого подготовлена открытая JavaScript-библиотека для рисования любой HTML5 графики и анимации на основе SVG/VML, в разряд открытых проектов. По количеству и качеству возможностей GraphicsJS превосходит такие популярные библиотеки для векторной графики, как Raphaël (https://github.com/DmitryBaranovskiy/raphael) и Bonsai (https://github.com/uxebu/bonsai). Код  GraphicsJS открыт (https://github.com/anychart/graphicsjs) под лицензией BSD. GraphicsJS предоставляет средства для рисования линий, в том числе с использованием кривых Безье, инструменты для работы с многострочным текстом, умную систему слоев с z-индексом, независимый от браузеров движок для трансформаций, Virtual DOM для отрисовки по необходимости, а также удобный и лаконичный API c поддержкой "chaining". Особенностью GraphicsJS также является возможность работы даже при использовании старых браузеров, включая Internet Explorer 6+, Chrome 1+ и Firefox 2+. GraphicsJS разрабатывался и ранее применялся как графический движок в коммерческих библиотеках для построения всевозможных диаграмм, предлагаемых AnyChart: AnyChart (графики), AnyMap (карты), AnyStock (финансовые графики) и AnyGantt (диаграммы Ганта), т.е. проект уже используется для визуализации данных корпорациями Oracle, Microsoft, Volkswagen, AT&T, Samsung, BP, Bosch, Merck, Reuters, Bank of China и другими  клиентами компании, включая более 70% предприятий из списка Fortune 1000. Роман Любушкин, глава R&D в AnyChart, уточнил, что "интерактивная визуализация данных – это лишь один из многочисленных вариантов использования  библиотеки GraphicsJS. Ее можно применять для создания абсолютно любых графических моделей и решений, включая анимированные изображения, мультфильмы, инфографику, майндмэппинг и так далее. Открытие кода графического движка AnyChart – это первый шаг на пути к открытию всех решений AnyChart, цель которого – предоставить всем программистам из любых стран доступ к нашим передовым разработкам и возможность участвовать в их дальнейшем совершенствовании". URL: http://www.anychart.com/blog/2016/09/15/anychart-open-source.../ Новость: https://www.opennet.ru/opennews/art.shtml?num=45155
Ответить | Правка | Cообщить модератору

Сообщения по теме

[Сортировка по времени | RSS]

1. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	–1 +/–
Сообщение от inferrna (ok) on 15-Сен-16, 19:07
Чем это лучше d3.js ?
Ответить | Правка | ^ к родителю #0 | Наверх | Cообщить модератору

	2. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от эцсамое on 15-Сен-16, 19:25
	я могу ошибаться, но их некорректно сравнивать. d3 рисует растр в canvas, raphael и это рисуют векторными элементами.
	Ответить | Правка | ^ к родителю #1 | Наверх | Cообщить модератору

	9. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от Ан (??) on 15-Сен-16, 23:21
	>d3 рисует растр в canvas Видел проект в котором d3 рисовал в svg. Так что это не верно.
	Ответить | Правка | ^ к родителю #2 | Наверх | Cообщить модератору

	3. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+3 +/–
	Сообщение от Андрей (??) on 15-Сен-16, 19:26
	D3 - это чисто data visualization. Там нет графического движка, нечем рисовать. Используются методы SVG и всё. GraphicsJS - это именно для рисования чего угодно. Как Raphael и Bonsai, только с бОльшими возможностями: в GraphicsJS не только кривые Безье, а всё что угодно "из коробки", свой движок для трансформаций, куча возможностей для работы с текстом (многострочные тексты поддерживаются, можно измерять тексты и т.д.), умная система слоев с z-индексом, крутой API, виртуальный DOM, которое дает отличную скорость, поддержка IE6+. Посмотрите сайт http://www.graphicsjs.org - там всё есть: и демо, и фичи, и ссылки на документацию, API, и прочее. И обязательно попробуйте в деле;)
	Ответить | Правка | ^ к родителю #1 | Наверх | Cообщить модератору

	5. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	–1 +/–
	Сообщение от inferrna (ok) on 15-Сен-16, 19:40
	d3 рисует в канвасе и в svg, поддерживает кучу втроенных методов для рисования чего угодно. То, что я увидел у вас, работает примерно на том же низовом уровне, что и d3. чарты: http://jsfiddle.net/tommy351/P4Z75/ https://jsfiddle.net/ragingsquirrel3/qkHK6/ с текстом http://jsfiddle.net/2UypN/ красивые часики обратного отсчёта https://jsfiddle.net/inferrna/j5w3v3bL/
	Ответить | Правка | ^ к родителю #3 | Наверх | Cообщить модератору

	7. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от Вы забыли заполнить поле Name on 15-Сен-16, 22:06
	И прям никаких минусов нет у GraphicsJS?
	Ответить | Правка | ^ к родителю #3 | Наверх | Cообщить модератору

	8. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от Аноним (??) on 15-Сен-16, 22:22
	Интерсивная анимация http://playground.anychart.com/gallery/latest/Graphics/Galax... чуть не подвесила мой Firefox.
	Ответить | Правка | ^ к родителю #7 | Наверх | Cообщить модератору

	11. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	–1 +/–
	Сообщение от Аноним (??) on 16-Сен-16, 00:40
	> чуть не подвесила мой Firefox. FF встает колом от апдейта всего лишь трех прогрессбаров из стандартного бутстрапа 1 раз в секунду. Проц в потолок, браузер дергается. Крутой у них там DOM. Blink/webkit при этом даже 5% процессора не занимают и для них это вообще не нагрузка. Зато по бенчмаркам FF сам Лев Толстой.
	Ответить | Правка | ^ к родителю #8 | Наверх | Cообщить модератору

	15. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от langley on 16-Сен-16, 06:02
	> Интерсивная анимация http://playground.anychart.com/gallery/latest/Graphics/Galax... > чуть не подвесила мой Firefox. Mac OS, последний FF, все прекрасно.
	Ответить | Правка | ^ к родителю #8 | Наверх | Cообщить модератору

	17. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	–2 +/–
	Сообщение от Qwerty (??) on 16-Сен-16, 07:17
	> Интерсивная анимация http://playground.anychart.com/gallery/latest/Graphics/Galax... > чуть не подвесила мой Firefox. Win 10, FF 47.0.1 Полёт отличный...
	Ответить | Правка | ^ к родителю #8 | Наверх | Cообщить модератору

	22. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+1 +/–
	Сообщение от Аноним (??) on 16-Сен-16, 23:21
	Все проще, пользователи винды привыкли к тормозам. У тебя еще поди и каспер стоит? С ним лаги системы на 2 секунды вскоре начинают восприниматься как должное.
	Ответить | Правка | ^ к родителю #17 | Наверх | Cообщить модератору

	24. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от Аноним (??) on 19-Сен-16, 02:52
	клоун: А ты, небось, всё ещё не накопил на новый проц и сидишь на своём любимом Pentium 2. Неудивительно что у тебя всё тормозит и только консоль "летает".
	Ответить | Правка | ^ к родителю #22 | Наверх | Cообщить модератору

	19. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от Аноним (??) on 16-Сен-16, 11:12
	> Интерсивная анимация http://playground.anychart.com/gallery/latest/Graphics/Galax... > чуть не подвесила мой Firefox. Гм, у меня fedora-22 FF 47.0 загрузка проца средняя - 27-28% - никакого зависона (но одно ядро из 4 занято на 99% - поэтому если у вас одноядерный проц - то тормоза неизбежны)
	Ответить | Правка | ^ к родителю #8 | Наверх | Cообщить модератору

4. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
Сообщение от inferrna (ok) on 15-Сен-16, 19:30
Глянул код на http://playground.anychart.com/gallery/7.11.1/Graphics/Anima... это, вроде как, сделано с использованием чартовой либы. Господа, если у вас либа для отрисовки чартов - ккого хрена в ней нет функции для автоотрисовки линии до лейбла? for (var i = 0; i < points.length; i++) piece.lineTo(points[i][0], points[i][1]); шедеврально же, эту линию даже отрисовываем скачками по точкам в цикле. Вам за это ещё даже платят?
Ответить | Правка | ^ к родителю #0 | Наверх | Cообщить модератору

	13. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от blackart on 16-Сен-16, 04:45
	> Глянул код на http://playground.anychart.com/gallery/7.11.1/Graphics/Anima... > это, вроде как, сделано с использованием чартовой либы. Господа, если у вас > либа для отрисовки чартов - ккого хрена в ней нет функции > для автоотрисовки линии до лейбла? В примере графики и легенда сделаны с помощью чартовой либы, а дерево с птицами и их коннекторами сделаны с помощью GraphicsJS, он инициальзируется в самом начале как:     var g = acgraph;     // create stage     stage = g.create("container"); В самом anychart компоненте конечно есть лейблы и коннекторы к ним. Пример показывает кастомное рисовние, когда необходимо нарисовать что-то не стандартное, чего не может чартовая либа. В GraphicsJS есть только графические примитивы, он не знает ничего про лейбыл и коннекторы, у него есть линии, круги, заливка картинкой, текст. > for (var i = 0; i < points.length; i++) piece.lineTo(points[i][0], points[i][1]); > шедеврально же, эту линию даже отрисовываем скачками по точкам в цикле. Вам > за это ещё даже платят? Все, кроме графиков отрисовывается вручную с помощью GraphicsJS, и эти линии тоже. Линии в примере могут состоять из разного количества точек, в функцию приходит массим из них, не вижу ничего криминального в использовании цикла в этом случае, точек мало, но длина массива может быть разной.
	Ответить | Правка | ^ к родителю #4 | Наверх | Cообщить модератору

10. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
Сообщение от Аноним (??) on 16-Сен-16, 00:29
А кто подскажет маленькое и легкое рисование симпатичных графиков и чартов на JS, с открытой лицензией? (GPL/MIT/BSD/Apache)
Ответить | Правка | ^ к родителю #0 | Наверх | Cообщить модератору

	12. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от Аноним (??) on 16-Сен-16, 00:48
	Есть chartjs, есть d3js и всякое поверх него (c3js, nvd3 и так далее). Не то, чтобы прямо маленькие и легкие, но тут вряд ли получится сделать универсально меньшим объемом кода.
	Ответить | Правка | ^ к родителю #10 | Наверх | Cообщить модератору

	20. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от Аноним (??) on 16-Сен-16, 11:21
	> А кто подскажет маленькое и легкое рисование симпатичных графиков и чартов на > JS, с открытой лицензией? (GPL/MIT/BSD/Apache) Посмотри flotcharts.org
	Ответить | Правка | ^ к родителю #10 | Наверх | Cообщить модератору

14. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
Сообщение от Аноним (??) on 16-Сен-16, 05:57
А как можно открыть код яваскрипт? Он может быть обфусцирован, но всегда открыт - иначе же работать не будет.
Ответить | Правка | ^ к родителю #0 | Наверх | Cообщить модератору

	16. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от langley on 16-Сен-16, 06:04
	> А как можно открыть код яваскрипт? Он может быть обфусцирован, но всегда > открыт - иначе же работать не будет. Открытие исходного кода подразумевает готовность к тому, чтобы его правили и пулл-реквестили сторонние разработчики. Обфусцированный код не поправишь просто так.
	Ответить | Правка | ^ к родителю #14 | Наверх | Cообщить модератору

	21. "Открыт код GraphicsJS, JavaScript-библиотеки для формировани..."	+/–
	Сообщение от Аноним (??) on 16-Сен-16, 20:21
	Как бинарный файл может быть закрытым ? Дизассемблер в зубы и вперед!
	Ответить | Правка | ^ к родителю #14 | Наверх | Cообщить модератору

Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема