Статья: Создание инфографики в QGIS+D3.js

Обсуждение материалов сайта: вопросы, замечания, предложения
Аватара пользователя
gimran
Гуру
Сообщения: 1900
Зарегистрирован: 07 июл 2010, 15:43
Статьи: 1
Репутация: 238
Откуда: Уфа

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение gimran » 26 ноя 2015, 14:45

Вопрос: что делает D3.js в названии статьи? amcharts.com, как я понял, использует собственные JS-библиотеки. Или я чего-то не понял?
А разве amcharts не базируется на D3.js?...

Я просто до конца не вникал в детали и делал между отчетами в свободное время полгода назад :oops:

Аватара пользователя
gimran
Гуру
Сообщения: 1900
Зарегистрирован: 07 июл 2010, 15:43
Статьи: 1
Репутация: 238
Откуда: Уфа

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение gimran » 26 ноя 2015, 15:01

Статья переименована: http://wiki.gis-lab.info/w/%D0%A1%D0%BE ... JavaScript

Просьба удалить статью:
http://wiki.gis-lab.info/w/%D0%A1%D0%BE ... 0%B8_D3.js

Аватара пользователя
gimran
Гуру
Сообщения: 1900
Зарегистрирован: 07 июл 2010, 15:43
Статьи: 1
Репутация: 238
Откуда: Уфа

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение gimran » 26 ноя 2015, 15:01

Про локальный сервер с помощью python - допишу.

Александр Мурый
Гуру
Сообщения: 5173
Зарегистрирован: 26 сен 2009, 16:26
Статьи: 3
Проекты: 5/1
Репутация: 787
Ваше звание: званий не имею
Откуда: Москва

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение Александр Мурый » 26 ноя 2015, 15:52

Я бы ещё поправил, что создавать CSV можно в любом табличном процессоре (Excel тоже вполне подойдёт).
И ещё пара просьб:
- сделать все скриншоты в PNG;
- включить файл "amcharts.csv" в архив Qgischarts.zip, чтобы читателям не набирать его вручную.
Редактор материалов, модератор форума

Аватара пользователя
gimran
Гуру
Сообщения: 1900
Зарегистрирован: 07 июл 2010, 15:43
Статьи: 1
Репутация: 238
Откуда: Уфа

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение gimran » 26 ноя 2015, 21:30

Александр, просто в моей давней попытке написать статью, Максим говорил, что надо упоминать открытое ПО или хотя бы бесплатное, а не проприетарное.Поэтому Excel обошёл. Ну и он csv периодически "портит" после редактирования, так что "не лайк".

[ Сообщение с мобильного устройства ]

ericsson
Гуру
Сообщения: 3321
Зарегистрирован: 27 июл 2009, 19:26
Репутация: 745
Ваше звание: Вредитель полей

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение ericsson » 26 ноя 2015, 23:52

Попробовал этот самый редактор, Amcharts, так там можно подготовить диаграмму, а потом просто выдернуть отладчиком из кода страницы сгенерированный SVG-файл и вставлять его куда угодно (где поддерживается SVG-графика) вообще без всяких HTML-страниц и серверов. Интерактив, конечно, пропадает.

ericsson
Гуру
Сообщения: 3321
Зарегистрирован: 27 июл 2009, 19:26
Репутация: 745
Ваше звание: Вредитель полей

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение ericsson » 27 ноя 2015, 01:15

Вот, например, так выглядит SVG-файл, который генерирует Amcharts по умолчанию (довольно грязный, надо сказать...):

Код: Выделить всё

<svg version="1.1" style="position: absolute; width: 1188px; height: 227px; top: 0px; left: 0px;">
<desc>JavaScript chart by amCharts 3.17.3</desc><g>
<path cs="100,100" d="M0.5,0.5 L1187.5,0.5 L1187.5,178.5 L0.5,178.5 Z" fill="#FFFFFF" stroke="#000000" fill-opacity="0" stroke-width="1" stroke-opacity="0"/>
</g><g/>
<g/>
<g/>
<g/>
<g/>
<g>
<g>
<path cs="1000,1000" d=" M594,89.5 L570.665476220844,66.16547622084394 A33,33,0,0,1,594,56.5 L594,89.5 Z" fill="#FF9E01" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0" fill-opacity="1"/>
<path cs="100,100" d="M581.5,59.5 L574.5,41.5 L566.5,41.5" fill="none" stroke-opacity="0.2" stroke="#000000" visibility="visible"/>
</g><g>
<path cs="1000,1000" d=" M594,89.5 L594,122.5 A33,33,0,0,1,570.665476220844,66.16547622084394 L594,89.5 Z" fill="#FF6600" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0" fill-opacity="1"/>
<path cs="100,100" d="M564.5,102.5 L545.5,110.5 L537.5,110.5" fill="none" stroke-opacity="0.2" stroke="#000000" visibility="visible"/>
</g><g>
<path cs="1000,1000" d=" M594,89.5 L594,56.5 A33,33,0,0,1,594,122.5 L594,89.5 Z" fill="#FF0F00" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0" fill-opacity="1"/>
<path cs="100,100" d="M627.5,90.5 L647.5,90.5 L655.5,90.5" fill="none" stroke-opacity="0.2" stroke="#000000" visibility="visible"/>
</g>
</g><g/>
<g>
<g>
<text y="6" fill="#000000" font-family="Verdana" font-size="11px" opacity="1" text-anchor="start" transform="translate(659,90)" style="pointer-events: none;" visibility="visible">
<tspan y="6" x="0">category 1: 50.00%</tspan>
</text>
</g><g>
<text y="6" fill="#000000" font-family="Verdana" font-size="11px" opacity="1" text-anchor="end" transform="translate(533,110)" style="pointer-events: none;" visibility="visible">
<tspan y="6" x="0">category 2: 37.50%</tspan>
</text>
</g><g>
<text y="6" fill="#000000" font-family="Verdana" font-size="11px" opacity="1" text-anchor="end" transform="translate(562,41)" style="pointer-events: none;" visibility="visible">
<tspan y="6" x="0">category 3: 12.50%</tspan>
</text>
</g>
</g><g/>
<g/>
<g/>
<g/>
<g>
<g/>
</g><g/>
<g/>
<g/>
</svg>

Аватара пользователя
gimran
Гуру
Сообщения: 1900
Зарегистрирован: 07 июл 2010, 15:43
Статьи: 1
Репутация: 238
Откуда: Уфа

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение gimran » 27 ноя 2015, 07:32

Обновил статью

JimmyB
Новоприбывший
Сообщения: 1
Зарегистрирован: 17 май 2016, 10:51
Репутация: 0

Re: Статья: Создание инфографики в QGIS+D3.js

Сообщение JimmyB » 17 май 2016, 10:53

Я создавал вот по такому мануалу 10 советов по созданию инфографики и подборка инструментов. Думаю и вам поможет!

Ответить

Вернуться в «Материалы сайта»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость