Статья: Создание инфографики в QGIS+D3.js
- gimran
- Гуру
- Сообщения: 1902
- Зарегистрирован: 07 июл 2010, 15:43
- Репутация: 242
- Откуда: Уфа
Статья: Создание инфографики в QGIS+D3.js
Ссылка на статью:
http://wiki.gis-lab.info/w/%D0%A1%D0%BE ... 0%B8_D3.js
http://wiki.gis-lab.info/w/%D0%A1%D0%BE ... 0%B8_D3.js
- gimran
- Гуру
- Сообщения: 1902
- Зарегистрирован: 07 июл 2010, 15:43
- Репутация: 242
- Откуда: Уфа
Re: Статья: Создание инфографики в QGIS+D3.js
Простите за столь упрощенный язык, просто разбирающиеся в конфигурировании локального сервера, html и javascript текст статьи покажется "ламерским", но ориентировал на людей с минимальными знаниями и отсутствием знаний в Иллюстраторе иже с ним.
Остальным просто как общую идею подаю
Остальным просто как общую идею подаю
-
- Гуру
- Сообщения: 5307
- Зарегистрирован: 09 апр 2010, 19:30
- Репутация: 1016
- Ваше звание: просто мимо прохожу
- Откуда: Ё-бург
Re: Статья: Создание инфографики в QGIS+D3.js
А можно использовать локальные html-документы? Без сервера
- gimran
- Гуру
- Сообщения: 1902
- Зарегистрирован: 07 июл 2010, 15:43
- Репутация: 242
- Откуда: Уфа
Re: Статья: Создание инфографики в QGIS+D3.js
В qgis можно обычные локальные html-документы, а вот javascript мне не удалось заставить на локальные html-документы запустить.
Тем более у нас файлы открывает сам QGIS и запускает в них javascript. Но при условии локального сервера.
"Глубже" не лез, просто попытался попробовать получится или нет итог (инфографика) нужного мне дизайна (дизайн делал отдельно, а потом сделал шаблон и N html страниц с csv-файлами), поэтому просто запустил Денвер, который был установлен для других целей.
Тем более у нас файлы открывает сам QGIS и запускает в них javascript. Но при условии локального сервера.
"Глубже" не лез, просто попытался попробовать получится или нет итог (инфографика) нужного мне дизайна (дизайн делал отдельно, а потом сделал шаблон и N html страниц с csv-файлами), поэтому просто запустил Денвер, который был установлен для других целей.
- rhot
- Гуру
- Сообщения: 1727
- Зарегистрирован: 25 янв 2011, 17:50
- Репутация: 194
- Ваше звание: доктор
- Откуда: Архангельск
Re: Статья: Создание инфографики в QGIS+D3.js
Интересует, как добиться желаемого размера шрифта при таком симбиозе HTML и QGIS? Не плохо было бы упомянуть об этом в статье.
___________(¯`·.¸(¯`·.¸ Scientia potentia est _/ {SILVA}:::{FOSS}:::{GIS} \_ Знание сила ¸.·´¯)¸.·´¯)___________
- gimran
- Гуру
- Сообщения: 1902
- Зарегистрирован: 07 июл 2010, 15:43
- Репутация: 242
- Откуда: Уфа
Re: Статья: Создание инфографики в QGIS+D3.js
CSS или HTML.
[ Сообщение с мобильного устройства ]
[ Сообщение с мобильного устройства ]
- Denis Rykov
- Гуру
- Сообщения: 3376
- Зарегистрирован: 11 апр 2008, 21:09
- Репутация: 529
- Ваше звание: Author
- Контактная информация:
Re: Статья: Создание инфографики в QGIS+D3.js
Для подобных вещей достаточно выполнить простенькую команду и не нужны никакие денверы:
Текущий каталог будет корнем сервера.
Код: Выделить всё
python -m SimpleHTTPServer 8000
Spatial is now, more than ever, just another column- The Geometry Column.
- gimran
- Гуру
- Сообщения: 1902
- Зарегистрирован: 07 июл 2010, 15:43
- Репутация: 242
- Откуда: Уфа
Re: Статья: Создание инфографики в QGIS+D3.js
Спасибо!
Только для Линукса, или встроенный функционал в qgis?
[ Сообщение с мобильного устройства ]
Только для Линукса, или встроенный функционал в qgis?
[ Сообщение с мобильного устройства ]
-
- Гуру
- Сообщения: 5307
- Зарегистрирован: 09 апр 2010, 19:30
- Репутация: 1016
- Ваше звание: просто мимо прохожу
- Откуда: Ё-бург
Re: Статья: Создание инфографики в QGIS+D3.js
встроенный функционал в python
- gimran
- Гуру
- Сообщения: 1902
- Зарегистрирован: 07 июл 2010, 15:43
- Репутация: 242
- Откуда: Уфа
Re: Статья: Создание инфографики в QGIS+D3.js
Код: Выделить всё
python -m SimpleHTTPServer 8000
-
- Гуру
- Сообщения: 3321
- Зарегистрирован: 27 июл 2009, 19:26
- Репутация: 748
- Ваше звание: Вредитель полей
Re: Статья: Создание инфографики в QGIS+D3.js
Хм, а почему у вас исходные данные - в UTF-8, а страница - в Windows-1251?
- gimran
- Гуру
- Сообщения: 1902
- Зарегистрирован: 07 июл 2010, 15:43
- Репутация: 242
- Откуда: Уфа
Re: Статья: Создание инфографики в QGIS+D3.js
ericsson, DataLoader читает в UTF-8, а страница в Windows-1251... просто потому что так сделал, не принципиально вроде б
- Denis Rykov
- Гуру
- Сообщения: 3376
- Зарегистрирован: 11 апр 2008, 21:09
- Репутация: 529
- Ваше звание: Author
- Контактная информация:
Re: Статья: Создание инфографики в QGIS+D3.js
QGIS тут не причём, это нужно запускать из системной консоли, а не в QGIS.gimran писал(а):QGIS 2.8.2 Wien, windows 7, 64bit - не работаетКод: Выделить всё
python -m SimpleHTTPServer 8000
Spatial is now, more than ever, just another column- The Geometry Column.
-
- Гуру
- Сообщения: 5173
- Зарегистрирован: 26 сен 2009, 16:26
- Репутация: 793
- Ваше звание: званий не имею
- Откуда: Москва
Re: Статья: Создание инфографики в QGIS+D3.js
Проверил на Windows 10, 64bit. Отлично работает простой питоновский веб-сервер, кодировку html изменил на UTF-8. В строке адреса в html-документе вставляем "http://localhost:8000/amcharts.editor.html". Вывод: Denwer тащить сюда особого смысла нет (разве что как альтернативу).
Редактор материалов, модератор форума
-
- Гуру
- Сообщения: 5173
- Зарегистрирован: 26 сен 2009, 16:26
- Репутация: 793
- Ваше звание: званий не имею
- Откуда: Москва
Re: Статья: Создание инфографики в QGIS+D3.js
Вопрос: что делает D3.js в названии статьи? amcharts.com, как я понял, использует собственные JS-библиотеки. Или я чего-то не понял?Библиотека D3.js прозволяет создавать различные диаграммы и графики, но требует знаний javascript, поэтому создадим диаграмму в онлайн-редакторе Online Chart Maker
Может, лучше более общо? "Пример создания инфографики в QGIS с помощью HTML и JavaScript"?
Редактор материалов, модератор форума
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость