<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>言葉 on Visualizing.JP</title>
        <link>https://visualizing.jp/en/tags/%E8%A8%80%E8%91%89/</link>
        <description>Recent content in 言葉 on Visualizing.JP</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en-US</language>
        <copyright>Yuichi Yazaki</copyright>
        <lastBuildDate>Fri, 03 Oct 2025 00:00:00 +0900</lastBuildDate><atom:link href="https://visualizing.jp/en/tags/%E8%A8%80%E8%91%89/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>A New Way to Read Shakespeare</title>
        <link>https://visualizing.jp/en/understanding-shakespeare/</link>
        <pubDate>Fri, 03 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/understanding-shakespeare/</guid>
        <description>&lt;img src="https://visualizing.jp/understanding-shakespeare/images/cover.png" alt="Featured image of post A New Way to Read Shakespeare" /&gt;&lt;p&gt;&lt;strong&gt;Understanding Shakespeare&lt;/strong&gt; is a BA thesis project by German designer &lt;strong&gt;Stephan Thiel&lt;/strong&gt;, created in the Interface Design program at the University of Applied Sciences Potsdam. The project proposes a new way to rediscover Shakespeare&amp;rsquo;s plays through information visualization.&lt;/p&gt;
&lt;p&gt;Rather than replacing reading, it uses visual patterns to reveal structure, vocabulary, character distribution, and recurring language.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/understanding-shakespeare/images/mainwork.png&#34;
	width=&#34;2125&#34;
	height=&#34;2026&#34;
	srcset=&#34;https://visualizing.jp/understanding-shakespeare/images/mainwork_hu_3f7b84c8a1133ff0.png 480w, https://visualizing.jp/understanding-shakespeare/images/mainwork_hu_827e4958954e36d8.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;104&#34;
		data-flex-basis=&#34;251px&#34;
	
&gt;&lt;/p&gt;
&lt;p&gt;The project uses text data from Northwestern University&amp;rsquo;s &lt;strong&gt;WordHoard&lt;/strong&gt; project. Computational methods are applied to extract hidden structures from the plays and visualize what Thiel describes as narrative algorithms.&lt;/p&gt;
&lt;h2 id=&#34;how-to-read-it&#34;&gt;How to Read It
&lt;/h2&gt;&lt;p&gt;The works were designed as large posters, around 90 cm by 220 cm, so the printed experience differs from viewing them on a screen.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Horizontal direction: progression of the play, including acts and scenes&lt;/li&gt;
&lt;li&gt;Vertical direction: vocabulary and character distribution by scene&lt;/li&gt;
&lt;li&gt;Yellow bands: passages where specific words appear frequently&lt;/li&gt;
&lt;li&gt;Text size: frequency of word use&lt;/li&gt;
&lt;li&gt;Placement: distribution of speech and language across characters and scenes&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Words such as &amp;ldquo;time&amp;rdquo; or &amp;ldquo;man&amp;rdquo; appear large when they recur throughout a play, making themes visible across the whole structure.&lt;/p&gt;
&lt;p&gt;Some visualizations combine Shakespeare&amp;rsquo;s text with contemporary Google search results. Important quotations are searched, and the number of returned results influences the visual emphasis, creating a dialogue between classical literature and modern attention.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/understanding-shakespeare/images/mainwork_one_2.png&#34;
	width=&#34;550&#34;
	height=&#34;314&#34;
	srcset=&#34;https://visualizing.jp/understanding-shakespeare/images/mainwork_one_2_hu_e09680a66015a2b0.png 480w, https://visualizing.jp/understanding-shakespeare/images/mainwork_one_2_hu_e7f6d0952139b0dd.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;175&#34;
		data-flex-basis=&#34;420px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;methods&#34;&gt;Methods
&lt;/h2&gt;&lt;p&gt;The project was built with Processing, toxiclibs, Classifier4J, and related natural-language processing tools. Intermediate PDF outputs were also turned into process videos, documenting the design experimentation.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/understanding-shakespeare/images/mainwork_one_1.jpg&#34;
	width=&#34;922&#34;
	height=&#34;425&#34;
	srcset=&#34;https://visualizing.jp/understanding-shakespeare/images/mainwork_one_1_hu_5f99642fa197528.jpg 480w, https://visualizing.jp/understanding-shakespeare/images/mainwork_one_1_hu_27b6dd31667ad97d.jpg 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;216&#34;
		data-flex-basis=&#34;520px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;five-approaches&#34;&gt;Five Approaches
&lt;/h2&gt;&lt;p&gt;Thiel presents the work as a starting point for discussion rather than a complete substitute for reading. The approaches include:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;vocabulary distribution by character&lt;/li&gt;
&lt;li&gt;word repetition across scenes&lt;/li&gt;
&lt;li&gt;quotation visibility through Google search results&lt;/li&gt;
&lt;li&gt;character entrances and exits&lt;/li&gt;
&lt;li&gt;large-scale text patterns&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;&amp;ldquo;Understanding Shakespeare&amp;rdquo; turns reading into a visual design problem. It helps readers and viewers notice patterns that are difficult to perceive line by line, bringing literary studies, data analysis, and information design together.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;http://understanding-shakespeare.com/index.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Understanding Shakespeare / Approaches&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://flowingdata.com/2010/08/23/understanding-shakespeare-with-visualization/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Understanding Shakespeare with visualization — FlowingData&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>Stefanie Posavec&#39;s Visualization of On the Road</title>
        <link>https://visualizing.jp/en/literary-organism/</link>
        <pubDate>Fri, 03 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/literary-organism/</guid>
        <description>&lt;img src="https://visualizing.jp/literary-organism/images/cover.png" alt="Featured image of post Stefanie Posavec&#39;s Visualization of On the Road" /&gt;&lt;p&gt;This work is part of &lt;strong&gt;Writing Without Words&lt;/strong&gt;, a project by graphic designer &lt;strong&gt;Stefanie Posavec&lt;/strong&gt;. Posavec sought to transform text from something only read into something also seen, treating style, rhythm, theme, and structure as data.&lt;/p&gt;
&lt;p&gt;The piece introduced here, &lt;strong&gt;Literary Organism&lt;/strong&gt;, visualizes Jack Kerouac&amp;rsquo;s &lt;em&gt;On the Road&lt;/em&gt; as a literary body.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/literary-organism/images/mainwork.png&#34;
	width=&#34;2000&#34;
	height=&#34;2828&#34;
	srcset=&#34;https://visualizing.jp/literary-organism/images/mainwork_hu_26febaeab8011763.png 480w, https://visualizing.jp/literary-organism/images/mainwork_hu_9ca8bd89b041f01c.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;70&#34;
		data-flex-basis=&#34;169px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;about-on-the-road&#34;&gt;About &lt;em&gt;On the Road&lt;/em&gt;
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Author: Jack Kerouac (1922-1969)&lt;/li&gt;
&lt;li&gt;Original title: &lt;em&gt;On the Road&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;Subject: the travels of Sal Paradise and Dean Moriarty across the United States by car, bus, and hitchhiking&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The novel is closely associated with the Beat Generation, road narratives, jazz-like prose rhythm, and postwar counterculture.&lt;/p&gt;
&lt;h2 id=&#34;how-to-read-it&#34;&gt;How to Read It
&lt;/h2&gt;&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/literary-organism/images/legend.png&#34;
	width=&#34;1407&#34;
	height=&#34;658&#34;
	srcset=&#34;https://visualizing.jp/literary-organism/images/legend_hu_6487816a340ccbc3.png 480w, https://visualizing.jp/literary-organism/images/legend_hu_481d2b4be9689f47.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;213&#34;
		data-flex-basis=&#34;513px&#34;
	
&gt;&lt;/p&gt;
&lt;h3 id=&#34;1-basic-structure&#34;&gt;1. Basic Structure
&lt;/h3&gt;&lt;p&gt;The text is decomposed hierarchically:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Part -&amp;gt; chapter -&amp;gt; paragraph -&amp;gt; sentence -&amp;gt; word&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;The form radiates outward from the center, and the story can be followed clockwise.&lt;/p&gt;
&lt;h3 id=&#34;2-notation&#34;&gt;2. Notation
&lt;/h3&gt;&lt;p&gt;Sentences and paragraphs are indexed by chapter and paragraph number. For example, &lt;code&gt;3.5&lt;/code&gt; means the fifth paragraph of chapter 3.&lt;/p&gt;
&lt;h3 id=&#34;3-colors&#34;&gt;3. Colors
&lt;/h3&gt;&lt;p&gt;Colors indicate themes and content categories, including Dean Moriarty, bop and jazz music, social events, travel, regional life, parties, work and survival, Sal Paradise, relationships, illegal activity, and character sketches.&lt;/p&gt;
&lt;h3 id=&#34;4-sentence-length&#34;&gt;4. Sentence Length
&lt;/h3&gt;&lt;p&gt;Each sentence is represented by a wedge proportional to word count. The longest sentence has 151 words, and the legend marks the scale in 10-word increments.&lt;/p&gt;
&lt;h2 id=&#34;process-and-intent&#34;&gt;Process and Intent
&lt;/h2&gt;&lt;p&gt;Writing Without Words began as Posavec&amp;rsquo;s MA research. She collected and drew much of the data by hand, emphasizing the labor and human presence behind the visualization.&lt;/p&gt;
&lt;p&gt;The project uses quantitative data, but its aim is not detached measurement. It creates an emotional and structural encounter with literature.&lt;/p&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Posavec&amp;rsquo;s literary visualization opens another way to experience &lt;em&gt;On the Road&lt;/em&gt;. The rhythm, themes, and movement of the novel become visible, turning reading into a form of looking.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.stefanieposavec.com/archive/writing-without-words&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Writing Without Words — Stefanie Posavec&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://history.siggraph.org/artwork/w-bradford-paley-textarc/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;TextArc — W. Bradford Paley&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://digitalartarchive.at/database/work/3358/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Writing Without Words — Archive of Digital Art&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        
    </channel>
</rss>
