Djoann / wizualizacja-wolnych-lektur

Themes and colours of readings from wolnelektury.pl - a visualization in D3.js.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

wizualizacja-wolnych-lektur

Themes Screenshot

Motywy i kolory ze zbioru Wolnych Lektur - wizualizacja w D3.js.

(Motifs and colours of "Free Readings", a visualization in D3.js.)

Zawartość / Content

  • Motywy Wolnych Lektur - mapa motywów literackich w postaci grafu (wierzchołki to 123 najczęściej występujących motywów, krawędzie - motywy często występujące razem).
  • Themes of Polish Books - an Interactive Map (English version of the above) - a graph where nodes are themes (or motifs), and links are their frequent co-occurrences.
  • Kolory Wolnych Lektur - interaktywna eksploracja kolorów i odcieni występujących w lekturach.

Co i jak?

Motywy/Themes (Piotr Migdał)

Polish

Książki z Wolnych Lektur są opatrzone adnotacjami dotyczącymi występujących motywów (np. "Kobieta", "Miłość", "Sen"). Zaciekawiło mnie zarówno jakimi, jak i - jakie kombinacje są szczególnie częste.

Wybrałem motywy, które występują co najmniej 200 razy, zliczyłem jak często występuje w zależności od rodzaju literackiego (tj. liryka, epika, dramat) oraz stworzyłem połączenia miedzy nimi na podstawie częstości współwystępowania motywów.

Tj. wszystkie połączenia między motywami są stworzone automatycznie, w oparciu o zbiór danych, bez ludzkiej ingerencji. Co więcej, połączone motywy mogą, ale nie muszą, być powiązane semantycznie. Daje to wgląd w połączenia i kompozycje tematyczne - zarówno te "narzucające się", jak i te, których nie sposób by się domyślić.

Dokładna wzór na współwystępowanie motywów (tu: motyw1 i motyw2):

\sum_i #motyw1(i) * #motyw2(i) / #motywy(i),

gdzie suma przebiega po wszystkich lekturach, #motyw1(i) to liczna wystąpień motywu 1 w lekturze i (analogicznie dla #motyw2(i)), #motywy(i) to całkowita liczba wystąpień motywów w danej lekturze. Owa wielkość statystyczna przyjmuje wartość większą od 1 gdy motywy współwystępują częściej, niż tyle co "przez przypadek". Stąd też grubość krawędzi to owa wielkość minus jeden.

Niejako rozwinięcie mojego poprzedniego projektu, https://github.com/stared/tag-graph-map-of-stackexchange/wiki, w którym to patrzę na powiązania między tagami związanymi z programowaniem (a także dziedzinami fizyki, kognitywistyki i nie tylko).

English

Books from Wolne Lektury (Free Readings) are annotated with themes, which they contain (e.g. "Woman", "Love", "Sleep"). I was curious which themes are the most prevalent and... in which combinations.

I selected themes that occur in the collection of books at least 200 times (there are 123 such) and I counted how each theme is distributed among the major forms of literature (i.e.: novel, poem, drama). Additionally, I connected with links such themes that co-occur very frequently.

That is, all connections are automatically generated, based on the dataset, without any manual manipulation. In particular, linked themes can be, but not have to be, related semantically. It gives an insight into association of themes and motifs not only on the basis of their meaning, but also - their popular compositions (and some of them may be surprising!).

The exact formula for the quantification of the co-occurrence (here: for theme1 and theme2) reads

\sum_i #theme1(i) * #theme2(i) / #themes(i),

where we sum over all books; #theme1(i) is the number of occurrences of theme1 in the book i (and analogously for #theme2(i)), #themes(i) is the number of all theme occurrences in the same book. Such statistical quantity, which is a variant of observed to expected ratio takes values greater than 1 when two themes co-occur more frequently than by random chance. Thus, the link thickness is this quantity minus one.

In some sense it is a further part of my former project https://github.com/stared/tag-graph-map-of-stackexchange/wiki, in which I am generating maps of programming concepts (from Stack Overflow) and other disciplines (e.g. physics, cognitive science, ...).

Kolory (Marta Czarnocka-Cieciura, Piotr Migdał)

Jak przedstawić graficznie treść książki? Startując w konkursie na wizualizację Wolnych Lektur, postanowiliśmy skupić się na kolorystyce, a dokładniej wyłowić z tekstów wszelkie określenia dotyczące barw i przedstawić je w formie graficznej.

Opisy literackie nieraz obfitują w różnorodne i poetyckie określenia kolorów. Aby ich jak najmniej przeoczyć, skorzystaliśmy z bogatej listy barw w języku polskim dostępnej na stronie Wikipedii. Miało to tę zaletę, że każdemu kolorowi jest na tam przypisana jego wartość RGB, określająca udział poszczególnych składowych (czerwonego, zielonego i niebieskiego).

Ściągniętą z Wikipedii listę kolorów musieliśmy nieco skorygować na potrzeby wizualizacji. Zmieniliśmy dwuwyrazowe nazwy, ciężkie do wyszukiwania w tekście. Usunęliśmy też mylące nazwy, jak np. "winny", kojarzący się bardziej z czyjąś winą, niż z barwą wina. Mimo to postanowiliśmy zostawić większość pochodzących od rzeczowników nazw kolorów, bo choć np. przymiotnik jagodowy może oznaczać raczej zawartość jagód, to jednak jest ona zwykle związana lub kojarzy się z charakterystyczną barwą. Oprócz tego dodaliśmy kolory dwuczłonowe, np. jasnoniebieski lub szarozielony, a ich wartości RGB wygenerowaliśmy z "wymieszania" odpowiednich kolorów składowych.

Kolejnym etapem było przeszukanie treści lektur. W tym celu policzyliśmy liczbę wystąpień poszczególnych słów w kolejnych tekstach, po czym w tej liście odnaleźliśmy nazwy kolorów. Tu pojawił się problem z gramatyką i nieregularnością języka polskiego. Na szczęście poratował nas internetowy Słownik Języka Polskiego i dostępna na jego stronie lista słów wraz z odmianami. Dzięki temu możliwe było sprowadzenie nazw kolorów do gramatycznej formy podstawowej i znalezienie jej w sporządzonej uprzednio liście barw.

Znalezione w lekturach kolory należało jeszcze przedstawić w formie graficznej. W tym celu nanieśliśmy koła o barwie odpowiadającej poszczególnym kolorom na trójkąt Maxwella. Jest to wykres, na którym odległości punktu od wierzchołków trójkąta odpowiadają udziałowi poszczególnych kolorów składowych: czerwonego, zielonego i niebieskiego. Ponieważ w ten sposób przedstawia się punkt o trzech współrzędnych na dwuwymiarowym wykresie, więc po drodze jakaś informacja musiała być utracona. Jest nią jasność koloru, czyli suma wartości R, G i B (z tego powodu np. kolor czarny i biały zajmują tę samą pozycję na trójkącie). Dlatego narysowaliśmy osobny wykres odpowiadający skali jasności barw. Na obu wykresach pole powierzchni kółek odpowiada liczbie wystąpień odpowiedniego słowa w tekście.

Jak nie trudno się domyślić, w dłuższych lekturach powinno wystąpić więcej słów określających kolory. Postanowiliśmy jednak nie przeliczać "zagęszczenia kolorów" w poszczególnych utworach, a zamiast tego wykonać osobny wykres obrazujący tę zależność. Ponieważ zarówno ogólna liczba słów, jak i ilość określeń dla barw była bardzo zmienna dla różnych lektur, więc aby obraz był czytelniejszy, zlogarytmowaliśmy obie osie. Przy okazji wykres ten służy jako pewnego rodzaju "spis treści": klikając na punkt odpowiadający danemu utworowi, można przejść do wizualizacji kolorów w tym tekście, jak również do linku do odpowiadającej mu strony w bibliotece Wolnych lektur.

Mamy nadzieję, że Czytelnikom przypadnie do gustu taki sposób wizualizacji Wolnych Lektur.

Źródła i wykorzystane biblioteki

Licencja

About

Themes and colours of readings from wolnelektury.pl - a visualization in D3.js.