Полезные ссылки и материалы
для Центрально-азиатского хакатона

(Пожалуйста, добавляйте свои ссылки и материалы в качестве комментариев к документу!)

Опрос активистов и журналистов: http://goo.gl/forms/uIMuoxWGJH 

11 июля 2015 г.

Цифровые истории на основе открытых данных (Digital storytelling).

http://www.gapminder.org/world/#$majorMode=chart$is;shi=t;ly=2003;lb=f;il=t;fs=11;al=30;stl=t;st=t;nsl=t;se=t$wst;tts=C$ts;sp=5.59290322580644;ti=2013$zpv;v=0$inc_x;mmid=XCOORDS;iid=phAwcNAVuyj1jiMAkmq1iMg;by=ind$inc_y;mmid=YCOORDS;iid=phAwcNAVuyj2tPLxKvvnNPA;by=ind$inc_s;uniValue=8.21;iid=phAwcNAVuyj0XOoBL_n5tAQ;by=ind$inc_c;uniValue=255;gid=CATID0;by=grp$map_x;scale=log;dataMin=194;dataMax=96846$map_y;scale=lin;dataMin=23;dataMax=86$map_s;sma=49;smi=2.65$cd;bd=0$inds=;modified=60 

Примеры работы в области дата-журналистики Анны Сакоян (ansakoy@gmail.com):

  1. Пример журналистского расследования: http://www.datadrivenjournalism.ru/2013/12/journalist-investigation/
  2. Пример РИАН (Госдума) http://ria.ru/infografika/20131212/983608028.html
  3. The gun ownership and gun homicides murder map of the world http://www.theguardian.com/news/datablog/interactive/2012/jul/22/gun-ownership-homicides-map

Онлайн инструменты по визуализации данных

Дополнительные материалы (для тех, кто ушел вперед) 

Знакомство с Гуглотаблицами (spreadsheets)

Тестовый пример можно посмотреть и скопировать здесь (для копирования надо выбрать опцию “Создать копию” в меню “Файл” в Гуглотаблицах): https://docs.google.com/spreadsheets/d/1qgk9GH7V-MOlV3qTm8bwg9t090CBRiVJtTmEXioLwOQ/edit#gid=0 

Материалы на русском языке

  1. Блог по дата-журналистике на русском языке: http://www.datadrivenjournalism.ru/
  2. О дата-экспедициях на русском языке: http://www.datadrivenjournalism.ru/practicum/data-expeditions/
  3. Примеры работы в области дата-журналистики Анны Сакоян (ansakoy@gmail.com):
  1. http://polit.ru/article/2014/03/17/justified/

  1. Пример журналистского расследования: http://www.datadrivenjournalism.ru/2013/12/journalist-investigation/
  2. Пример РИАН (Госдума) http://ria.ru/infografika/20131212/983608028.html
  3. The gun ownership and gun homicides murder map of the world http://www.theguardian.com/news/datablog/interactive/2012/jul/22/gun-ownership-homicides-map

Материалы на английском языке

  1. Проект Data Driven Journalism: http://datadrivenjournalism.net/ 
  2. Онлайн-курс по дата-журналистике: https://www.canvas.net/courses/doing-journalism-with-data 

Ссылки на сервисы и ресурсы

Портал открытых данных Казахстана (неофициальный): http://data.gov.kz/

Ссылка на описание API: http://api.opendata-hackathon.com/

Создание инфографики и визуализаций

Easelly http://www.easel.ly/

Infogram: http://infogr.am

PiktoChart: http://piktochart.com/ 

Plotly: https://plot.ly/ 

Timeline JS: http://timeline.knightlab.com/ 

Уголок разработчика (Гугл): https://developers.google.com/chart/ 

Библиотека для создания визуализаций D3: http://d3js.org/ 

Библиотека C3: http://c3js.org/ 

Скрейпинг

Import.IO: https://import.io 

ScraperWiki: https://scraperwiki.com/

OutWit Hub: https://www.outwit.com/products/hub/ 

Scrapy: http://scrapy.org/ 

О скрейпинге в блоге Ирины Радченко: http://iradche.ru/2015/03/scraping-2/ 

Инструкция по созданию скрейпера на базе Kimono: http://www.datadrivenjournalism.ru/2015/02/kimono/ 

Очистка данных

OpenRefine: http://openrefine.org/   

Ссылка для скачивания: http://openrefine.org/download.html 

Вопросно-ответные сервисы

Quora: http://quora.com/

Area51: http://area51.stackexchange.com/proposals/51674/open-data 

Изучение датасета

Начинаем отсюда https://github.com/inxaoc/kyrgyz

Сервис для скреппинга сайтов Import.IO https://import.io

Сервис для очистки данных OpenRefine http://openrefine.org

Сервис для очистки данных http://vis.stanford.edu/wrangler/

Онлайн ресурс для создания простых  инфографик http://www.easel.ly/

API хакатона http://api.opendata-hackathon.com

Мастер-класс по созданию Long Read Page

1. Регистрация: https://readymag.com

2. Открываем проект

3. Изменение цвета фона

4. Изменение формата страницы с Basic на Scroll. Увеличение высоты страницы

5. Добавление текстовых блоков (Text). Изменение его размеров и шрифта (цвета или размера). Добавление ссылки

6. Добавление картинки (Picture)

http://cs303815.vk.me/v303815292/70ac/TCsubuVHUzo.jpg (или: https://www.google.ru/imghp). Изменение ее размеров

7. Добавление видео (Embed)

<iframe width="560" height="315" src="https://www.youtube.com/embed/IS1cSkNg9sM" frameborder="0" allowfullscreen></iframe>

8. Встраивание сторонних элементов карты (Google Maps) https://maps.google.ru

9 Создание собственной карты в Google Maps и встраивание (embed с помощью iframe, "КОД", а не "Ссылка") или взять тут

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=z28Qp9L_kmDw.kzFb-k7_IwLc" width="640" height="480"></iframe>

10 Создание диаграммы в Google Fusion и встраивание https://research.google.com/tables?hl=ru&ei=ieF5VaytIcT70QGwmYCACw&corpus=fusion&q=coffee+quantity

Примеры:

http://www.maisiethepalacecat.com

https://vwo.com/what-is-ab-testing/

http://atdrupalcon.com

http://rule-of-three.co.uk

http://vsemmirom.1tv.ru