The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]

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

"Открыт код 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.../
Новость: http://www.opennet.me/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 +/
Сообщение от Андрей email(??) 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-библиотеки для формировани..."  +/
Сообщение от Аноним email(??) 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 | Индекс форумов | Темы | Пред. тема | След. тема




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру