{"id":41,"date":"2024-05-05T22:07:48","date_gmt":"2024-05-05T22:07:48","guid":{"rendered":"https:\/\/studentwork.prattsi.org\/alisonlong\/?p=41"},"modified":"2024-12-10T22:41:08","modified_gmt":"2024-12-10T22:41:08","slug":"mapping-nyc-locations-in-pai-hsien-yungs-short-story-collection-new-yorkers","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/alisonlong\/2024\/05\/05\/mapping-nyc-locations-in-pai-hsien-yungs-short-story-collection-new-yorkers\/","title":{"rendered":"Mapping Pai Hsien-Yung\u2019s New Yorkers"},"content":{"rendered":"\n
\n
\n

Project Description<\/strong><\/p>\n\n\n\n

For this project, I created a reference site including an interactive map of all the New York City locations mentioned in Pai Hsien-Yung’s short story collection “New Yorkers”<\/p>\n<\/div>\n\n\n\n

\n

Data Source:<\/strong> New Yorkers — a short story collection by Pai Hsien-Yung<\/p>\n\n\n\n

Tools:<\/strong> Tableau, SQL, Javascript<\/p>\n<\/div>\n<\/div>\n\n\n\n

Project Background<\/strong><\/h3>\n\n\n\n

Pai Hsien-Yung<\/a>\u2019s work in \u201cNew Yorkers\u201d, penned between 1965 and 2003, is a work that offers a poignant exploration of the lives of Chinese individuals navigating their new lives in the foreign city. Pai Hsien-Yung’s work serves as a cultural and historical artifact as the stories explore themes such as displacement, cultural tension, and identity amidst the ongoing tussle between Chinese traditions and Western influence. <\/p>\n\n\n\n

Due to a number of political and cultural reasons, despite the valuable insight it provides, “New Yorkers” remains relatively underrecognized, particularly among the newer generations of Mainland Chinese navigating their own realities in the city\u2014which, in my personal view, is such a shame, as members of the community might very well find that Pai\u2019s work often mirrors their own experiences. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Hence, I want to use this project as a way to bridge that gap. This map<\/a> is a part of a larger site that provides a geographical reference to all the NYC locations in the book and connects the quotes to social media posts about the same location. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The Process<\/strong><\/h3>\n\n\n\n

Gathering the Data<\/strong><\/h4>\n\n\n\n

The data for this map was compiled manually. l went through each story in “New Yorkers.” I pinpointed each mentioned NYC location, extracted relevant text segments, and collected geospatial data via Google Maps. As the stories were published separately over nearly four decades before being put together for the short story collection and there is no English version of the book itself, the English translation of each story exists in different sources. With the help of my old comparative lit professor, I was able to find a list of all the translated works of Pai<\/a> and spent a very long time searching for the actual text of these listed journals. I wasn’t able to get my hands on the translation of one of the six stories called ‘Nocturne’, as the translated version was only published in the summer 1980 edition of “the Chinese PEN”, a Taiwanese journal that I just couldn’t find a digital copy of. So I resorted to translating the quote myself. <\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Preparing the Data<\/strong><\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n
\n

The structure of the data is more complex than can fit in a single sheet, as each location can be mentioned in multiple chapters, and each chapter can have multiple quotes. To manage this, I created multiple tables according to the relationships between entities\u2014chapters, locations, quotes and posts\u2014and created a data base using PostgresSQL. This setup allowed for a dynamic interaction where users can click on a location and see the associated quotes from the book, organized by chapters. <\/p>\n\n\n\n

For the map, I was able to directly join the tables in tableau. <\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Making the map<\/strong><\/h4>\n\n\n\n

From there, I was able to map each location onto a map of New York City and configure the tool tip to show each location name and the chapters the location appeared in when the user interact with each marker. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Then, I created a second sheet that displays the relevant English and Chinese text based on locations as a filter.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

From there, I combined both sheets in a dashboard and used the map as the filter for the side display.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
View the Map in Tableau Public<\/a><\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

Making the site<\/strong><\/h4>\n\n\n\n
\n
\n

Using javascript, I created a website that indexes the individual chapters and locations, each with pages showing the detail information, relevant quotes, and social media posts (not yet fully implemented).<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\"\"
sample detail page with information of the location ‘Central Park’<\/figcaption><\/figure>\n\n\n\n
\n
View the Live Site on Render.com<\/a><\/div>\n<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Project Description For this project, I created a reference site including an interactive map of all the New York City locations mentioned in Pai Hsien-Yung’s short story collection…<\/p>\n","protected":false},"author":4138,"featured_media":42,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[9,22,24,18,10],"class_list":["post-41","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-data","tag-data-viz","tag-javascript","tag-sql","tag-tableau","tag-web-design"],"_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/posts\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/users\/4138"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":3,"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/posts\/41\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/posts\/41\/revisions\/286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/media\/42"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/media?parent=41"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/categories?post=41"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/alisonlong\/wp-json\/wp\/v2\/tags?post=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}