<commit_before><div id="wrapper">
	<div id="header">
		<div id="title_block">
			<div class="title"><i>Space</i>, <i>Time</i>, and the <i>Body Asunder</i></div>
			<div class="subtitle">Mapping the Voices of the Hiroshima Archive</div>
		</div>
		<div id="navigation_block">
			<div class="navigation_item"><a href="#about">作品について</a></div>
			<div class="navigation_item"><a href="#data">可視化手法</a></div>
			<div class="navigation_item"><a href="#acknowledgments">謝辞</a></div>
			<div class="navigation_item"><a href="index.php?lang=en">English</a></div>
		</div>
	
	</div>
	<div class="vis_nav" id="main_vis_nav">
		<div class="toggle_sort" id="toggle_sort_main">表示切替</div>
		<div id="main_nav_svg" class="nav_svg"></div>
	</div>
	<div id="main_vis">
		<div class='loading'><img src='inc/data-loading.gif'></div>
	</div>

<div id="content_wrapper">
	<div id="scroll_instructions"><span id="scroll_up">&uarr;</span> <i>スクロールで閲覧</i> <span id="scroll_down">&darr;</span></div>
	<a name="about" href=""></a>
	<div class="page_division">ヒロシマ・アーカイブと被爆者証言</div>
	<div class="content_row">
		<div class="content_section">
		
			<div class="text_block">
1945年8月6日、アメリカ合衆国が広島に原爆を投下しました。8月9日には、もうひとつの原子爆弾が長崎市に投下されました。少なくとも129,000人が死亡し、その後、さらに数千人が死亡したとされています。
			</div>
			<div class="text_block">
		これらの歴史的なできごとは、戦争がもたらす破壊とその残酷さを想起するための手掛かりとなります。世界平和への理解のもとに核軍縮を進めていくために、<a target="_blank" href="http://hiroshima.archiving.jp/index_jp.html">ヒロシマ・アーカイブ</a>は、原子爆弾投下を体験した被爆者の証言を保存・ウェブ公開し、未来に向けて継承することを目指しています。この可視化作品「Mapping the Voices of the Hiroshima Archive」は、ヒロシマ・アーカイブの被爆者証言データを活用しています。まず、証言データを分析し、含まれる単語を「身体」「空間」「時間」「場所」などのカテゴリ・テーマに分類し、色別に可視化することによって、各々の証言の「特徴」を浮かび上がらせます。このことによって、広島原爆の実相についての理解を助け、核と人類の在り方についての対話のきっかけをつくります。
			</div>
			<div class="text_block">
本作品では、ヒロシマ・アーカイブの被爆者証言のテキストデータを解析し、可視化しています。インターフェイスにおける縦一列が一件の証言に対応しており、列における一つの正方形が一つの単語を表しています。正方形は、カテゴリ・テーマによって色分けされており、マウスオーバーによって単語がポップアップされます。さらにクリックすることで、全証言に含まれる同一の単語がすべてハイライト表示されます。「表示切替」ボタンを押すと、各証言内の単語がカテゴリ・テーマでソートされます。さらに上部の各ラベルをクリックすることで、そのカテゴリ・テーマに含まれる単語のみがハイライト表示されます。インターフェイスは縦長にデザインされているので、スクロールしてご覧ください。</div>
			<div class="text_block">
			以降、4つのテーマ「身体」「空間と場所」「時間」「物質世界」について説明します。
			</div>
			<div class="vis_nav" id="treemap_vis_nav">
				<div class="toggle_sort" id="toggle_sort_treemap">カテゴリ・テーマ</div>
				<div id="treemap_nav_svg" class="nav_svg"></div>		
			</div>
			<div id="treemap_vis"><div class="loading"><img src="inc/data-loading.gif"></div></div>
			<div class="special_tk_row">
				<div class="special_tk_descr" id="special_tk_body">
					<div class="section_subheader">身体</div>
					<div class="text_block">被爆者証言は、人間の「身体」が受けた被害についての言及を含みます。被爆者は、証言全体にわたり「目」「顔」「声」「手」などの身体部位について、しばしば触れています。このことは、原子爆弾の爆発による熱・爆風やその後の放射線被ばくなどが、身体に深く影響を与えたことを表しています。また、身体部位を表す単語が多数含まれていることによって、兵器に対する人間の身体の脆さ・弱さが想起されます。
					</div>
				</div>
				<div class="special_tk_descr" id="special_tk_space">
					<div class="section_subheader">空間と場所</div>
					<div class="text_block">
広島という現実の都市で暮らしていた被爆者の証言には、当然ながら「空間と場所」に対する言及が多数含まれています。こうした単語の中でも「中」「外」や「上」「下」などの位置関係を示す単語が、もっとも頻出しています。日常生活の空間との関連を示す単語が使われていることは、原子爆弾投下が、普段と変わらぬ生活の中で起きた「異常な体験」であったことを示しています。
					</div>
				</div>
			</div>
			<div class="special_tk_row">
				<div class="special_tk_descr" id="special_tk_time">
					<div class="section_subheader">時間</div>
					<div class="text_block">
インタビューのテキストは、被爆者の記憶では広島への原爆投下が特定の箇所と時間を占めることを表します。爆発の空間広がりに加えて、「時」、「日」、と「月」がこのカテゴリの頻回な例です。
					</div>
				</div>
				<div class="special_tk_descr" id="special_tk_physic">
					<div class="section_subheader">物質世界</div>
					<div class="text_block">
最後は、インタビュー全体にわたって物質世界への言及が無視できないほどたっぷりあります。例えば、「原爆」、「水」、「地」、「火」、と「音」は特に頻回に現れます。もちろんこのような言葉は原爆が物質世界へ直接爆発でも、その余波でも凄まじい影響を与えたことを表します。
					</div>
				</div>
			</div>
		</div>
	</div>

	<a name="data" href=""></a>
	<div class="page_division">可視化手法</div>
	<div class="content_row">
		<div class="content_section">
			<div class="section_header">API・分析手法</div>
			<div class="text_block">
				<a target="_blank" href="http://developer.yahoo.co.jp/webapi/jlp/ma/v1/parse.html">Yahoo! Japan Morphological Analysis (日本語形態素解析) API</a>を使ってそれぞれのインタビュー全体は個々の単語に分析されました。その後、一番頻回な単語を判断するために分析された単語の頻回が計算されました。〜300個一番頻回な単語は別のカテゴリとテーマに分類されました。このテーマは、「身体」、「時間」、「空間」、「物質世界」、「人々」、「場所」、「出来事」、「アイデア」、と「物」を含めました。
			</div>	
			<div class="section_header">インターフェイス</div>
			<div class="text_block">
			この可視化では、一例は一つのインタビュー全体のテキストを表します。一例の中では、一つの四角形はそのインタビューの一つの単語を表します。四角形はテーマとカテゴリごとに色分けされています。それぞれのインタビューは、助詞や低い頻度のある単語などを除いてカテゴリに分類された単語だけが表示されています。だから、一例はインタビューの全体の単語をすべて表すわけではないところがあります。特に、頻度が300回より低い単語は表示されていません。
			</div>	
		</div>	
	</div>
	<a name="acknowledgments" href=""></a>
	<div class="page_division">詳細情報</div>	
	<div class="content_row">
		<div class="content_section">
			<div class="section_header">謝辞</div>
			<div class="text_block">
			<a target="_blank" href="http://hiroshima.archiving.jp/index_jp.html">ヒロシマ・アーカイブ</a>は渡邉英徳（首都大学東京システムデザイン学部准教授）の指揮のもと開発されました。アーカイブについての詳細は<a target="_blank" href="http://hiroshima.mapping.jp/index_jp.html">日本語版</a>・<a target="_blank" href="http://hiroshima.mapping.jp/index_en.html">英語版</a>をご覧ください。この可視化のデータ解析・デザインは<a target="_blank" href="http://www.stevengbraun.com">St<NAME>un</a>によるものです。 オープンソースコードを<a target="_blank" href="http://www.github.com/braunsg">GitHub</a>で公開しています。
			</div>
		</div>
	</div>
</div> <!-- end content_wrapper -->

</div> <!-- end wrapper --><commit_msg>edited:空間と場所<commit_after><div id="wrapper">
	<div id="header">
		<div id="title_block">
			<div class="title"><i>Space</i>, <i>Time</i>, and the <i>Body Asunder</i></div>
			<div class="subtitle">Mapping the Voices of the Hiroshima Archive</div>
		</div>
		<div id="navigation_block">
			<div class="navigation_item"><a href="#about">作品について</a></div>
			<div class="navigation_item"><a href="#data">可視化手法</a></div>
			<div class="navigation_item"><a href="#acknowledgments">謝辞</a></div>
			<div class="navigation_item"><a href="index.php?lang=en">English</a></div>
		</div>
	
	</div>
	<div class="vis_nav" id="main_vis_nav">
		<div class="toggle_sort" id="toggle_sort_main">表示切替</div>
		<div id="main_nav_svg" class="nav_svg"></div>
	</div>
	<div id="main_vis">
		<div class='loading'><img src='inc/data-loading.gif'></div>
	</div>

<div id="content_wrapper">
	<div id="scroll_instructions"><span id="scroll_up">&uarr;</span> <i>スクロールで閲覧</i> <span id="scroll_down">&darr;</span></div>
	<a name="about" href=""></a>
	<div class="page_division">ヒロシマ・アーカイブと被爆者証言</div>
	<div class="content_row">
		<div class="content_section">
		
			<div class="text_block">
1945年8月6日、アメリカ合衆国が広島に原爆を投下しました。8月9日には、もうひとつの原子爆弾が長崎市に投下されました。少なくとも129,000人が死亡し、その後、さらに数千人が死亡したとされています。
			</div>
			<div class="text_block">
		これらの歴史的なできごとは、戦争がもたらす破壊とその残酷さを想起するための手掛かりとなります。世界平和への理解のもとに核軍縮を進めていくために、<a target="_blank" href="http://hiroshima.archiving.jp/index_jp.html">ヒロシマ・アーカイブ</a>は、原子爆弾投下を体験した被爆者の証言を保存・ウェブ公開し、未来に向けて継承することを目指しています。この可視化作品「Mapping the Voices of the Hiroshima Archive」は、ヒロシマ・アーカイブの被爆者証言データを活用しています。まず、証言データを分析し、含まれる単語を「身体」「空間」「時間」「場所」などのカテゴリ・テーマに分類し、色別に可視化することによって、各々の証言の「特徴」を浮かび上がらせます。このことによって、広島原爆の実相についての理解を助け、核と人類の在り方についての対話のきっかけをつくります。
			</div>
			<div class="text_block">
本作品では、ヒロシマ・アーカイブの被爆者証言のテキストデータを解析し、可視化しています。インターフェイスにおける縦一列が一件の証言に対応しており、列における一つの正方形が一つの単語を表しています。正方形は、カテゴリ・テーマによって色分けされており、マウスオーバーによって単語がポップアップされます。さらにクリックすることで、全証言に含まれる同一の単語がすべてハイライト表示されます。「表示切替」ボタンを押すと、各証言内の単語がカテゴリ・テーマでソートされます。さらに上部の各ラベルをクリックすることで、そのカテゴリ・テーマに含まれる単語のみがハイライト表示されます。インターフェイスは縦長にデザインされているので、スクロールしてご覧ください。</div>
			<div class="text_block">
			以降、4つのテーマ「身体」「空間と場所」「時間」「物質世界」について説明します。
			</div>
			<div class="vis_nav" id="treemap_vis_nav">
				<div class="toggle_sort" id="toggle_sort_treemap">カテゴリ・テーマ</div>
				<div id="treemap_nav_svg" class="nav_svg"></div>		
			</div>
			<div id="treemap_vis"><div class="loading"><img src="inc/data-loading.gif"></div></div>
			<div class="special_tk_row">
				<div class="special_tk_descr" id="special_tk_body">
					<div class="section_subheader">身体</div>
					<div class="text_block">被爆者証言は、人間の「身体」が受けた被害についての言及を含みます。被爆者は、証言全体にわたり「目」「顔」「声」「手」などの身体部位について、しばしば触れています。このことは、原子爆弾の爆発による熱・爆風やその後の放射線被ばくなどが、身体に深く影響を与えたことを表しています。また、身体部位を表す単語が多数含まれていることによって、兵器に対する人間の身体の脆さ・弱さが想起されます。
					</div>
				</div>
				<div class="special_tk_descr" id="special_tk_space">
					<div class="section_subheader">空間と場所</div>
					<div class="text_block">
広島という現実の都市で暮らしていた被爆者の証言には、当然ながら「空間と場所」に対する言及が多数含まれています。こうした単語の中でも「中」「外」や「上」「下」などの位置関係を示す単語が、もっとも頻出しています。日常の生活空間との関連を示す単語が使われていることから、原子爆弾投下が、普段と変わらぬ生活の中で起きたできごとだったことがわかります。
					</div>
				</div>
			</div>
			<div class="special_tk_row">
				<div class="special_tk_descr" id="special_tk_time">
					<div class="section_subheader">時間</div>
					<div class="text_block">
インタビューのテキストは、被爆者の記憶では広島への原爆投下が特定の箇所と時間を占めることを表します。爆発の空間広がりに加えて、「時」、「日」、と「月」がこのカテゴリの頻回な例です。
					</div>
				</div>
				<div class="special_tk_descr" id="special_tk_physic">
					<div class="section_subheader">物質世界</div>
					<div class="text_block">
最後は、インタビュー全体にわたって物質世界への言及が無視できないほどたっぷりあります。例えば、「原爆」、「水」、「地」、「火」、と「音」は特に頻回に現れます。もちろんこのような言葉は原爆が物質世界へ直接爆発でも、その余波でも凄まじい影響を与えたことを表します。
					</div>
				</div>
			</div>
		</div>
	</div>

	<a name="data" href=""></a>
	<div class="page_division">可視化手法</div>
	<div class="content_row">
		<div class="content_section">
			<div class="section_header">API・分析手法</div>
			<div class="text_block">
				<a target="_blank" href="http://developer.yahoo.co.jp/webapi/jlp/ma/v1/parse.html">Yahoo! Japan Morphological Analysis (日本語形態素解析) API</a>を使ってそれぞれのインタビュー全体は個々の単語に分析されました。その後、一番頻回な単語を判断するために分析された単語の頻回が計算されました。〜300個一番頻回な単語は別のカテゴリとテーマに分類されました。このテーマは、「身体」、「時間」、「空間」、「物質世界」、「人々」、「場所」、「出来事」、「アイデア」、と「物」を含めました。
			</div>	
			<div class="section_header">インターフェイス</div>
			<div class="text_block">
			この可視化では、一例は一つのインタビュー全体のテキストを表します。一例の中では、一つの四角形はそのインタビューの一つの単語を表します。四角形はテーマとカテゴリごとに色分けされています。それぞれのインタビューは、助詞や低い頻度のある単語などを除いてカテゴリに分類された単語だけが表示されています。だから、一例はインタビューの全体の単語をすべて表すわけではないところがあります。特に、頻度が300回より低い単語は表示されていません。
			</div>	
		</div>	
	</div>
	<a name="acknowledgments" href=""></a>
	<div class="page_division">詳細情報</div>	
	<div class="content_row">
		<div class="content_section">
			<div class="section_header">謝辞</div>
			<div class="text_block">
			<a target="_blank" href="http://hiroshima.archiving.jp/index_jp.html">ヒロシマ・アーカイブ</a>は渡邉英徳（首都大学東京システムデザイン学部准教授）の指揮のもと開発されました。アーカイブについての詳細は<a target="_blank" href="http://hiroshima.mapping.jp/index_jp.html">日本語版</a>・<a target="_blank" href="http://hiroshima.mapping.jp/index_en.html">英語版</a>をご覧ください。この可視化のデータ解析・デザインは<a target="_blank" href="http://www.stevengbraun.com"><NAME>un</a>によるものです。 オープンソースコードを<a target="_blank" href="http://www.github.com/braunsg">GitHub</a>で公開しています。
			</div>
		</div>
	</div>
</div> <!-- end content_wrapper -->

</div> <!-- end wrapper -->
{'fraction_non_alphanumeric': 0.1765908035299582, 'fraction_numerical': 0.004087320018578727, 'mean_word_length': 7.717408906882591, 'pattern_counts': {'":': 0, '<': 313, '<?xml version=': 0, '>': 313, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3252633', 'n_tokens_mistral': 7214, 'n_tokens_neox': 6616, 'n_words': 438}