one piece dialogue analysis

import%20marimo%0A%0A__generated_with%20%3D%20%220.18.4%22%0Aapp%20%3D%20marimo.App(width%3D%22medium%22)%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20mo.image(src%3D'public%2Fone_piece_dialogue_analysis.jpg')%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20mo.center(mo.md(r%22%22%22%0A%20%20%20%20%23%20One%20Piece%20Dialogue%20Analysis%0A%0A%20%20%20%20___%0A%20%20%20%20%22%22%22))%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%0A%20%20%20%20___%0A%0A%20%20%20%20%3Ch2%20id%3D'introduction'%3EIntroduction%3C%2Fh2%3E%0A%0A%20%20%20%20%5BOne%20Piece%5D(https%3A%2F%2Fonepiece.fandom.com%2Fwiki%2FOne_Piece_Wiki)%20is%20one%20of%20the%20most%20popular%20and%20longest%20running%20manga%2F%20anime%20series%20out%20there.%20It's%20honestly%20insane%20to%20think%20that%20the%20anime%20is%20the%20same%20age%20as%20me%20%F0%9F%A4%AF%0A%0A%20%20%20%20I%20admit%20I'm%20a%20relatively%20%E2%80%9Clate%20bloomer%E2%80%9D%20%E2%80%93%20I%20only%20started%20watching%20One%20Piece%20in%20late%202024%20after%20being%20persuaded%20to%20do%20so%20by%20my%20fianc%C3%A9e.%20After%20all%20the%20time%20I%20spent%20(probably%20more%20than%20I%20should%20have)%20catching%20up%20with%20the%20thousand-plus-episode%20series%2C%20I%20now%20see%20myself%20as%20another%20member%20of%20the%20Straw%20Hat%20crew.%0A%0A%20%20%20%20At%20the%20same%20time%2C%20I%E2%80%99m%20an%20aspiring%20data%20scientist%20looking%20to%20expand%20the%20breadth%20of%20my%20skills%20in%20the%20field.%20I%E2%80%99d%20started%20exploring%20NLP%20techniques%2C%20and%20wanted%20to%20practise%20my%20skills%20in%20a%20project%20that%20was%20interesting%20to%20me%20(and%20didn%E2%80%99t%20involve%20the%20typical%20IMDb%20datasets).%20I%20also%20recently%20discovered%20%5Bmarimo%5D(https%3A%2F%2Fmarimo.io%2F)%20notebooks%20and%20wanted%20to%20explore%20its%20capabilities%20further.%20So%20while%20the%20Straw%20Hats%20continue%20to%20search%20for%20the%20One%20Piece%2C%20I%20decided%20to%20do%20a%20little%20digging%20of%20my%20own%E2%80%A6%0A%0A%20%20%20%20What%20started%20out%20as%20casual%20meal-time%20watching%20became%20a%20deep%20dive%20into%20the%20intricacies%20of%20the%20One%20Piece%20world%2C%20as%20I%20sought%20to%20uncover%20insights%20into%20the%20characters%20and%20dynamics%20of%20the%20show.%20Being%20a%20dialogue-heavy%20show%20like%20most%20typical%20animes%2C%20I%20was%20interested%20in%20examining%20dialogue%20data%2C%20which%20could%20reveal%20hidden%20dynamics%20that%20may%20not%20be%20immediately%20obvious%20to%20the%20casual%20watcher.%20I%20scoured%20the%20Internet%20for%20labelled%20dialogue%20data%20from%20fansubs%20(these%20are%20fan-translated%20subtitles%20for%20non-Japanese%20speakers%20like%20myself)%2C%20and%20managed%20to%20obtain%20labelled%20dialogue%20data%20from%20episode%20293%20to%20774%2C%20with%20a%20few%20exceptions%20sprinkled%20in-between.%20Building%20the%20dataset%20was%20a%20huge%20challenge%2C%20but%20I%20will%20not%20elaborate%20here%20as%20that%20is%20not%20the%20point%20of%20this%20post.%0A%0A%20%20%20%20%2F%2F%2F%20admonition%20%7C%20Heads%20Up!%0A%0A%20%20%20%20I'd%20like%20to%20add%20here%20that%20fan-translated%20subtitles%20may%20not%20fully%20capture%20the%20nuances%20of%20the%20original%20Japanese%20dialogue.%20Additionally%2C%20emotion%20classification%20was%20performed%20using%20a%20language%20model%2C%20which%20(as%20with%20all%20models)%20may%20not%20always%20accurately%20reflect%20the%20intended%20emotions%20of%20the%20characters.%20Therefore%2C%20while%20we%20can%20derive%20some%20interesting%20insights%20here%2C%20they%20should%20be%20interpreted%20with%20caution.%0A%0A%20%20%20%20%2F%2F%2F%0A%0A%20%20%20%20%23%23%23%20Data%20Structure%0A%0A%20%20%20%20I%20built%20two%20separate%20datasets%20that%20have%20some%20overlap%20in%20episode%20counts.%0A%0A%20%20%20%20The%20first%20dataset%20covers%20episodes%20293%20to%20774%2C%20with%20several%20missing%20episodes%20sprinkled%20in-between%20(most%20fillers%2Fcrossover%20episodes%20that%20are%20unimportant%20to%20the%20storyline).%20This%20dataset%20is%20labelled%20with%20the%20speaker%20(i.e.%20who%20spoke%20each%20line)%2C%20and%20is%20therefore%20super%20useful%20and%20interesting%20for%20further%20analysis%20into%20each%20character.%0A%0A%20%20%20%20The%20second%20dataset%20covers%20episodes%201%20to%201%2C000%20(with%20only%20two%20filler%2Fcrossover%20episodes%20missing).%20This%20dataset%20is%20not%20labelled%20with%20a%20speaker%2C%20but%20is%20not%20completely%20useless%20either%2C%20as%20we%20can%20still%20use%20it%20to%20look%20at%20_emotions_%20across%20episodes%20and%20arcs.%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20import%20marimo%20as%20mo%0A%20%20%20%20return%20(mo%2C)%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20import%20dependencies%0A%20%20%20%20import%20os%0A%20%20%20%20import%20random%0A%20%20%20%20import%20polars%20as%20pl%0A%20%20%20%20import%20numpy%20as%20np%0A%20%20%20%20import%20altair%20as%20alt%0A%20%20%20%20from%20wordcloud%20import%20WordCloud%0A%20%20%20%20from%20PIL%20import%20Image%0A%0A%20%20%20%20alt.renderers.enable('svg')%0A%20%20%20%20alt.renderers.set_embed_options(actions%3DFalse)%0A%20%20%20%20mo.output.clear()%0A%20%20%20%20return%20Image%2C%20WordCloud%2C%20alt%2C%20np%2C%20os%2C%20pl%2C%20random%0A%0A%0A%40app.cell%0Adef%20_(mo%2C%20pl)%3A%0A%20%20%20%20%23%20import%20dialogue%20dataset%0A%20%20%20%20%23%20Polars%20handles%20HTTP%20URLs%20natively%20in%20WASM%20without%20compression%20issues%0A%20%20%20%20opDialogues_labelled%20%3D%20pl.read_csv(%0A%20%20%20%20%20%20%20%20str(mo.notebook_location()%20%2F%20%22public%22%20%2F%20%22one_piece_dialogues_labelled_cleaned.csv%22)%0A%20%20%20%20)%0A%0A%20%20%20%20opDialogues_unlabelled%20%3D%20pl.read_csv(%0A%20%20%20%20%20%20%20%20str(mo.notebook_location()%20%2F%20%22public%22%20%2F%20%22one_piece_dialogues_emotions.csv%22)%0A%20%20%20%20)%0A%20%20%20%20return%20opDialogues_labelled%2C%20opDialogues_unlabelled%0A%0A%0A%40app.cell%0Adef%20_(opDialogues_labelled%2C%20pl)%3A%0A%20%20%20%20%23%20Aggregate%20number%20of%20lines%20per%20character%0A%20%20%20%20character_line_counts%20%3D%20(%0A%20%20%20%20%20%20%20%20opDialogues_labelled%0A%20%20%20%20%20%20%20%20.filter(pl.col('matched_name').is_not_null())%0A%20%20%20%20%20%20%20%20.group_by('matched_name')%0A%20%20%20%20%20%20%20%20.agg(pl.len().alias('line_count'))%0A%20%20%20%20%20%20%20%20.sort('line_count'%2C%20descending%3DTrue)%0A%20%20%20%20)%0A%20%20%20%20return%20(character_line_counts%2C)%0A%0A%0A%40app.cell%0Adef%20char_count_chart(alt%2C%20character_line_counts%2C%20mo%2C%20top_n_slider)%3A%0A%20%20%20%20%23%20highlight%20bar%20on%20hover%0A%20%20%20%20hover_sel%20%3D%20alt.selection_point(fields%3D%5B'matched_name'%5D%2C%20on%3D'mouseover'%2C%20clear%3D'mouseout')%0A%0A%20%20%20%20%23%20select%20top-n%20characters%20to%20view%20based%20on%20slider%20value%0A%20%20%20%20character_line_counts_filtered%20%3D%20character_line_counts.head(top_n_slider.value)%0A%0A%20%20%20%20bar_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20alt.Chart(character_line_counts_filtered)%0A%20%20%20%20%20%20%20%20.mark_bar()%0A%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.Y(%22matched_name%3AN%22%2C%20sort%3D%22-x%22%2C%20title%3DNone)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20x%3Dalt.X(%22line_count%3AQ%22%2C%20title%3D%22Number%20of%20Lines%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3Dalt.condition(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20hover_sel%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt.Color(%22line_count%3AQ%22%2C%20scale%3Dalt.Scale(scheme%3D%22blues%22)%2C%20legend%3DNone)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt.value(%22%23d3d3d3%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20tooltip%3D%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt.Tooltip(%22matched_name%3AN%22%2C%20title%3DNone)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt.Tooltip(%22line_count%3AQ%22%2C%20title%3D%22Lines%22%2C%20format%3D%22%2C%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.add_params(hover_sel)%0A%20%20%20%20)%0A%0A%20%20%20%20%23%20Optional%3A%20add%20count%20labels%20on%20bars%20for%20readability%0A%20%20%20%20labels%20%3D%20(%0A%20%20%20%20%20%20%20%20alt.Chart(character_line_counts_filtered)%0A%20%20%20%20%20%20%20%20.mark_text(align%3D%22left%22%2C%20dx%3D4)%0A%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.Y(%22matched_name%3AN%22%2C%20sort%3D%22-x%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20x%3Dalt.X(%22line_count%3AQ%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20text%3Dalt.Text(%22line_count%3AQ%22)%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20)%0A%0A%20%20%20%20final_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20bar_chart%20%2B%20labels%0A%20%20%20%20).configure_axis(%0A%20%20%20%20%20%20%20%20grid%3DFalse%2C%0A%20%20%20%20%20%20%20%20labelFontSize%3D12%2C%0A%20%20%20%20%20%20%20%20titleFontSize%3D14%0A%20%20%20%20).configure_view(%0A%20%20%20%20%20%20%20%20stroke%3DNone%0A%20%20%20%20).properties(%0A%20%20%20%20%20%20%20%20width%3D'container'%2C%0A%20%20%20%20%20%20%20%20height%3D%7B'step'%3A%2018%7D%0A%20%20%20%20)%0A%0A%20%20%20%20final_chart%20%3D%20mo.ui.altair_chart(final_chart)%0A%0A%20%20%20%20line_count_title%20%3D%20mo.md(f'%23%23%20Number%20of%20lines%20for%20the%20top%20%7Btop_n_slider.value%7D%20characters')%0A%20%20%20%20return%20final_chart%2C%20line_count_title%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20top_n_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D76%2C%20label%3D%22Select%20the%20cutoff%20point.%22%2C%20value%3D10)%0A%20%20%20%20return%20(top_n_slider%2C)%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%0A%20%20%20%20___%0A%0A%20%20%20%20%3Ch2%20id%3D'line_count'%3EWhich%20characters%20had%20more%20lines%20than%20the%20rest%3F%3C%2Fh2%3E%0A%0A%20%20%20%20First%2C%20let's%20take%20a%20look%20at%20the%20number%20of%20lines%20spoken%20by%20each%20character%20in%20the%20dataset.%20Use%20the%20slider%20to%20adjust%20how%20many%20top%20characters%20you%20want%20to%20see%20in%20the%20bar%20chart%20below.%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(final_chart%2C%20line_count_title%2C%20mo%2C%20top_n_slider)%3A%0A%20%20%20%20mo.vstack(%5Btop_n_slider%2C%20line_count_title%2C%20final_chart%5D)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%0A%20%20%20%20This%20paints%20a%20pretty%20clear%20picture.%20Clearly%2C%20Luffy%20had%20the%20most%20lines%2C%20more%20than%20double%20that%20of%20the%20runner-up!%0A%0A%20%20%20%20Interestingly%20though%2C%20Usopp%20was%20the%20first%20runner-up%20here.%20Although%20he's%20arguably%20the%20weakest%20Straw%20Hat%20crew%20member%2C%20it's%20clear%20that%20he%20is%20still%20an%20instrumental%20member%20of%20the%20crew.%0A%0A%20%20%20%20Outside%20of%20the%20Straw%20Hat%20crew%20members%2C%20the%20characters%20with%20most%20lines%20are%20%22marine%22%20and%20%22pirate%22.%20These%20are%20NPC%20characters%20that%20I've%20just%20lumped%20together%20into%20a%20collective%20body.%0A%0A%20%20%20%20Did%20anyone%20surprise%20you%3F%20Take%20your%20time%20to%20play%20around%20with%20the%20chart!%0A%0A%20%20%20%20%3Cbr%3E%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%0A%20%20%20%20___%0A%0A%20%20%20%20%3Ch2%20id%3D'wordclouds'%3EWordclouds%20for%20the%20Straw%20Hat%20crew%3C%2Fh2%3E%0A%0A%20%20%20%20Now%2C%20let's%20get%20to%20know%20each%20character%20better.%20What%20better%20way%20to%20do%20that%20than%20to%20visualise%20each%20character%E2%80%99s%20most%20commonly%20used%20words%20and%2For%20phrases%20via%20a%20word%20cloud%3F%0A%0A%20%20%20%20The%20colour%20scheme%20for%20each%20word%20cloud%20is%20based%20on%20the%20colours%20associated%20with%20each%20character%E2%80%99s%20appearance%20(e.g.%2C%20Luffy%E2%80%99s%20straw%20hat%2C%20Zoro%E2%80%99s%20green%20hair%2C%20etc.).%0A%0A%20%20%20%20Have%20a%20look%20at%20each%20character%E2%80%99s%20word%20cloud%20below%2C%20and%20see%20if%20you%20can%20discover%20any%20interesting%20insights!%20I%E2%80%99ll%20list%20some%20of%20mine%20below%20the%20viz.%0A%0A%20%20%20%20%3Cbr%3E%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20straw_hats%20%3D%20%5B'brook'%2C%20'tony%20tony%20chopper'%2C%20'franky'%2C%20'monkey%20d.%20luffy'%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'nami'%2C%20'nico%20robin'%2C%20'sanji'%2C%20'usopp'%2C%20'roronoa%20zoro'%5D%0A%0A%20%20%20%20straw_hats_lnames%20%3D%20%5Bstrawhat.split()%5B-1%5D%20for%20strawhat%20in%20straw_hats%5D%0A%20%20%20%20return%20straw_hats%2C%20straw_hats_lnames%0A%0A%0A%40app.cell(disabled%3DTrue%2C%20hide_code%3DTrue)%0Adef%20_(opDialogues%2C%20pl%2C%20straw_hats)%3A%0A%20%20%20%20all_text%20%3D%20%5B%5D%0A%0A%20%20%20%20%23%20combine%20all%20sentences%20into%20one%20large%20text%20body%0A%20%20%20%20for%20idx%2C%20strawhat%20in%20enumerate(straw_hats)%3A%0A%20%20%20%20%20%20%20%20char_df%20%3D%20opDialogues.filter(pl.col('matched_name')%20%3D%3D%20strawhat)%0A%20%20%20%20%20%20%20%20char_texts%20%3D%20'%20'.join(char_df%5B'cleaned_sentence'%5D.drop_nulls().to_list())%0A%20%20%20%20%20%20%20%20all_text.append(char_texts)%0A%20%20%20%20return%20(all_text%2C)%0A%0A%0A%40app.cell(disabled%3DTrue%2C%20hide_code%3DTrue)%0Adef%20_(Image%2C%20np%2C%20os)%3A%0A%20%20%20%20%23%20load%20all%20masks%0A%20%20%20%20all_masks%20%3D%20%7B%7D%0A%0A%20%20%20%20mask_dir%20%3D%20%22images%2F%22%0A%20%20%20%20for%20file%20in%20os.listdir(%22images%2F%22)%3A%0A%20%20%20%20%20%20%20%20name%20%3D%20os.path.splitext(file)%5B0%5D%0A%20%20%20%20%20%20%20%20mask%20%3D%20np.array(Image.open(os.path.join(mask_dir%2C%20file)))%0A%20%20%20%20%20%20%20%20all_masks%5Bname%5D%20%3D%20mask%0A%20%20%20%20return%20(all_masks%2C)%0A%0A%0A%40app.cell(disabled%3DTrue%2C%20hide_code%3DTrue)%0Adef%20_(random)%3A%0A%20%20%20%20%23%20define%20unique%20colourmaps%20for%20each%20character%0A%20%20%20%20custom_cmap_brook%20%3D%20%5B%22%23d68a44%22%2C%20%22%2371a6e7%22%2C%20%22%23474747%22%2C%20%22%2366ac7e%22%5D%0A%20%20%20%20def%20brook_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_brook)%0A%0A%20%20%20%20custom_cmap_chopper%20%3D%20%5B%22%234f9fcb%22%2C%20%22%23d8666e%22%2C%20%22%23935c3b%22%2C%20%22%23e0bf83%22%5D%0A%20%20%20%20def%20chopper_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_chopper)%0A%0A%20%20%20%20custom_cmap_franky%20%3D%20%5B%22%238ff5fd%22%2C%20%22%238ff5fd%22%2C%20%22%23bf2862%22%2C%20%22%23eeef5c%22%2C%20%22%23a7b5c4%22%5D%0A%20%20%20%20def%20franky_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_franky)%0A%0A%20%20%20%20custom_cmap_luffy%20%3D%20%5B%22%23ddbb79%22%2C%20%22%23b13f43%22%2C%20%22%23576baf%22%2C%20%22%23e7d263%22%5D%0A%20%20%20%20def%20luffy_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_luffy)%0A%0A%20%20%20%20custom_cmap_nami%20%3D%20%5B%22%23e2772e%22%2C%20%22%23e2772e%22%2C%20%22%23e2772e%22%2C%20%22%23639c72%22%2C%20%22%23779acf%22%2C%20%22%23474747%22%5D%0A%20%20%20%20def%20nami_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_nami)%0A%0A%20%20%20%20custom_cmap_robin%20%3D%20%5B%22%23202c70%22%2C%20%22%23202c70%22%2C%20%22%23dc8f82%22%2C%20%22%23b0d8a6%22%2C%20%22%23e2c3f9%22%2C%20%22%23e2c3f9%22%5D%0A%20%20%20%20def%20robin_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_robin)%0A%0A%20%20%20%20custom_cmap_sanji%20%3D%20%5B%22%23fadf70%22%2C%20%22%23fadf70%22%2C%20%22%23474747%22%2C%20%22%236e89df%22%5D%0A%20%20%20%20def%20sanji_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_sanji)%0A%0A%20%20%20%20custom_cmap_usopp%20%3D%20%5B%22%23af9d51%22%2C%20%22%23e2d27d%22%2C%20%22%23bc5f42%22%5D%0A%20%20%20%20def%20usopp_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_usopp)%0A%0A%20%20%20%20custom_cmap_zoro%20%3D%20%5B%22%237fd28f%22%2C%20%22%23000000%22%2C%20%22%23688f35%22%5D%0A%20%20%20%20def%20zoro_color_func(word%2C%20font_size%2C%20position%2C%20orientation%2C%20random_state%3DNone%2C%20**kwargs)%3A%0A%20%20%20%20%20%20%20%20return%20random.choice(custom_cmap_zoro)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo%2C%20straw_hats_lnames)%3A%0A%20%20%20%20%23%20create%20dropdown%20to%20let%20user%20select%20which%20straw%20hat%20they%20want%0A%20%20%20%20straw_hat_dropdown%20%3D%20mo.ui.dropdown(%0A%20%20%20%20%20%20%20%20label%3D%22Select%20a%20Straw%20Hat%20crew%20member%3A%22%2C%0A%20%20%20%20%20%20%20%20options%3Dstraw_hats_lnames%2C%0A%20%20%20%20%20%20%20%20value%3D'luffy'%0A%20%20%20%20)%0A%20%20%20%20return%20(straw_hat_dropdown%2C)%0A%0A%0A%40app.cell(disabled%3DTrue%2C%20hide_code%3DTrue)%0Adef%20_(WordCloud%2C%20all_masks%2C%20all_text%2C%20straw_hats_lnames)%3A%0A%20%20%20%20%23%20generate%20wordcloud%20for%20each%20character%20and%20save%20to%20image.%20do%20not%20run%20again%0A%20%20%20%20wc_compiled%20%3D%20%7B%7D%0A%0A%20%20%20%20for%20_name%20in%20straw_hats_lnames%3A%0A%20%20%20%20%20%20%20%20_idx%20%3D%20straw_hats_lnames.index(_name)%0A%0A%20%20%20%20%20%20%20%20wc%20%3D%20WordCloud(%0A%20%20%20%20%20%20%20%20%20%20%20%20background_color%3D'white'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20mask%3Dall_masks%5B_name%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20color_func%3Deval(f%22%7B_name%7D_color_func%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3D1200%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3D1200%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20scale%3D3%2C%0A%20%20%20%20%20%20%20%20).generate(all_text%5B_idx%5D)%0A%0A%20%20%20%20%20%20%20%20wc.to_file(f%22images%2F%7B_name%7D_wc.png%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_()%3A%0A%20%20%20%20%23%20create%20observations%20dict%0A%20%20%20%20observations%20%3D%20%7B%0A%20%20%20%20%20%20%20%20'brook'%3A%20%22Brook%20is%20the%20newest's%20member%20of%20the%20Straw%20Hats.%20Just%20like%20the%20others%2C%20he%20has%20his%20captain's%20name%20foremost%20on%20his%20tongue.%20His%20other%20common%20words%20aren't%20really%20noteworthy%2C%20although%20if%20any%20non-One%20Piece%20fans%20see%20this%2C%20the%20word%20'bone'%20is%20there%20because%20Brook%20is%2C%20well%2C%20a%20living%20skeleton.%20The%20word%20'eye'%20may%20also%20be%20there%20because%20of%20a%20joke%20that%20he%20frequently%20makes%20%26ndash%3B%20about%20not%20having%20eyes%20because%20he's%20a%20skeleton.%22%2C%0A%20%20%20%20%20%20%20%20'chopper'%3A%20%22Chopper%20the%20%3Cs%3Etanuki%3C%2Fs%3E%20reindeer%20is%20the%20crew's%20doctor.%20Naturally%2C%20his%20most%20frequent%20words%20are%20his%20crewmates'%20names%2C%20as%20they%20frequently%20got%20injured%20during%20fights.%20What%20I%20found%20interesting%20was%20that%20Zoro's%20name%20was%20surprisingly%20infrequent%2C%20even%20though%20Zoro%20was%20not%20impervious%20to%20injury%2C%20frequently%20getting%20hurt%20as%20well.%20This%20reveals%20a%20bit%20about%20Zoro's%20nature%20of%20self-reliance%20and%20refusal%20to%20seek%20help.%20This%20was%20an%20interesting%20observation%20that%20I%20never%20realised%20until%20looking%20at%20these%20word%20clouds!%22%2C%0A%20%20%20%20%20%20%20%20'franky'%3A%20%22Franky's%20most%20commonly%20uttered%20word%20is%20'ship'%2C%20which%20is%20understandable%20as%20he%20is%20the%20crew's%20shipwright%2C%20after%20all.%20The%20word%20'super'%20is%20also%20a%20key%20catchphrase%20of%20his%2C%20and%20one%20that%20everyone%20who%20knows%20him%20will%20expect%20to%20be%20there.%20Another%20significant%20word%20is%20his%20captain's%20name%2C%20but%20that%20is%20really%20to%20be%20expected%20from%20all%20the%20Straw%20Hats%20by%20now.%20Interestingly%2C%20he%20is%20the%20only%20character%20to%20have%20his%20own%20name%20in%20the%20wordcloud!%22%2C%0A%20%20%20%20%20%20%20%20'luffy'%3A%20%22Understandably%2C%20Luffy's%20most%20frequent%20phrases%20were%20'gomu%20gomu'%20and%20'pirate%20king'%20%26ndash%3B%20these%20are%20his%20catchphrases%2C%20after%20all.%20Interestingly%2C%20while%20his%20word%20cloud%20does%20contain%20many%20character%20names%20(more%20than%20the%20others)%2C%20the%20biggest%20one%20of%20all%20is%20'Ace'%2C%20his%20sworn%20brother%20who%20unfortunately%20died%20in%20episode%20483%20(sorry%20for%20the%20spoilers...%20but%20it%20has%20been%20nearly%2015%20years).%22%2C%0A%20%20%20%20%20%20%20%20'nami'%3A%20%22As%20the%20crew's%20navigator%2C%20Nami%20is%20usually%20the%20level-headed%20one.%20Here%2C%20we%20can%20also%20see%20how%20Nami%20plays%20an%20important%20role%20as%20the%20social%20glue%20in%20the%20gang%2C%20since%20the%20most%20prominent%20words%20in%20her%20word%20cloud%20are%20her%20friends'%20names.%20Here%2C%20we%20can%20see%20just%20how%20much%20she%20cares%20for%20her%20crew%2C%20and%20by%20extension%2C%20how%20much%20the%20crew%20relies%20on%20her%20to%20keep%20everyone%20together.%22%2C%0A%20%20%20%20%20%20%20%20'robin'%3A%20%22Robin%20is%20a%20bit%20of%20an%20enigma%20in%20general%20%26ndash%3B%20as%20a%20historian%2C%20it%20is%20not%20surprising%20to%20see%20that%20one%20of%20her%20most%20frequent%20words%20is%20'island'%20(after%20'Luffy'%2C%20of%20course%2C%20but%20that%20is%20a%20given%20by%20now).%20I%20think%20it%20would've%20been%20interesting%20to%20examine%20her%20word%20cloud%20before%20and%20after%20the%20*Enie's%20Lobby*%20arc%2C%20as%20she%20had%20not%20properly%20assimilated%20with%20the%20crew%20before%20that.%20For%20example%2C%20she%20did%20not%20refer%20to%20any%20of%20the%20crew%20by%20their%20actual%20names%2C%20and%20only%20started%20doing%20so%20after%20*Enie's%20Lobby*.%20Unfortunately%2C%20I%20cannot%20find%20labelled%20dialogue%20data%20prior%20to%20episode%20293%2C%20and%20so%20my%20questions%20shall%20remain%20unanswered.%22%2C%0A%20%20%20%20%20%20%20%20'sanji'%3A%20%22I%20chuckled%20when%20I%20saw%20this%20one%20%26ndash%3B%20no%20surprises%20there%2C%20his%20most%20frequent%20word%2Fphrase%20is%20'Nami-san'.%20While%20his%20loyalty%20definitely%20lies%20with%20Luffy%2C%20his%20devotion%20towards%20Nami%20seems%20to%20be%20even%20greater!%20'Damn'%20is%20also%20a%20very%20prominent%20word%20of%20his%2C%20and%20I%20am%2095%25%20sure%20that%20they're%20mostly%20directed%20at%20Zoro%2C%20his%20lifelong%20rival.%20Unfortunately%2C%20the%20arcs%20in%20my%20dataset%20do%20not%20feature%20Sanji%20majorly%20(he%20plays%20a%20much%20bigger%20role%20in%20the%20*Whole%20Cake%20Island*%20arc)%2C%20and%20so%20there%20isn't%20much%20else%20to%20say%20about%20him.%22%2C%0A%20%20%20%20%20%20%20%20'usopp'%3A%20%22Usopp%20is%20known%20to%20be%20a%20big%20coward%20(although%20he%20does%20have%20his%20brave%20moments).%20His%20most%20frequent%20words%20are%20%26ndash%3B%20unsurprisingly%20%26ndash%3B%20Luffy%2C%20Zoro%2C%20Sanji%2C%20and%20Nami.%20This%20give%20us%20a%20hint%20as%20to%20the%20Straw%20Hats%20that%20he%20feels%20closest%20to%2C%20which%20makes%20sense%2C%20since%20they%20were%20together%20from%20the%20start.%20The%20clearly%20visible%20words%20'stop'%20and%20'leave'%20show%20a%20bit%20of%20his%20personality%20too!%22%2C%0A%20%20%20%20%20%20%20%20'zoro'%3A%20%22Zoro%2C%20being%20Luffy's%20right-hand%20man%2C%20unsurprisingly%20has%20Luffy's%20name%20at%20the%20tip%20of%20his%20tongue%2C%20clearly%20showing%20his%20undying%20loyalty%20to%20Luffy%2C%20which%20is%20one%20of%20the%20things%20I%20respect%20most%20about%20him.%20An%20interesting%20finding%20is%20that%20although%20he%20is%20undeniably%20the%20strongest%20crew%20member%20(after%20Luffy)%2C%20the%20next%20largest%20name%20is%20Usopp%20%26ndash%3B%20probably%20the%20weakest%20crew%20member.%20To%20me%2C%20this%20is%20quite%20a%20heartwarming%20insight%20into%20Zoro's%20care%20for%20his%20crew%2C%20although%20he'll%20never%20admit%20it.%22%0A%20%20%20%20%7D%0A%20%20%20%20return%20(observations%2C)%0A%0A%0A%40app.cell%0Adef%20_(mo%2C%20observations%2C%20straw_hat_dropdown)%3A%0A%20%20%20%20%23%20for%20purpose%20of%20app%2C%20retrieve%20wordcloud%20image%20for%20each%20character%0A%20%20%20%20img_path%20%3D%20f%22public%2Fwordclouds%2F%7Bstraw_hat_dropdown.value%7D_wc.png%22%0A%0A%20%20%20%20%23%20display%20using%20native%20mo.image%0A%20%20%20%20output%20%3D%20mo.image(src%3Dimg_path%2C%20width%3D500)%0A%0A%20%20%20%20%23%20display%20observations%0A%20%20%20%20obs%20%3D%20mo.md(f%22%22%22%3Cbr%3E%20%7Bobservations%5Bstraw_hat_dropdown.value%5D%7D%22%22%22)%0A%20%20%20%20return%20obs%2C%20output%0A%0A%0A%40app.cell%0Adef%20_(mo%2C%20obs%2C%20output%2C%20straw_hat_dropdown)%3A%0A%20%20%20%20%23%20display%20final%20output%20as%20vertically%20stacked%20components%0A%20%20%20%20mo.vstack(%5B%0A%20%20%20%20%20%20%20%20straw_hat_dropdown%2C%20%0A%20%20%20%20%20%20%20%20output%2C%0A%20%20%20%20%20%20%20%20obs%2C%0A%20%20%20%20%20%20%20%20mo.md('%3Cbr%3E')%5D%2C%0A%20%20%20%20%20%20%20%20align%3D'center')%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%0A%20%20%20%20___%0A%0A%20%20%20%20%3Ch2%20id%3D'emotional_landscape'%3EVisualising%20the%20Emotional%20Landscape%20Across%20Episodes%3C%2Fh2%3E%0A%0A%20%20%20%20One%20Piece%2C%20being%20the%20masterpiece%20it%20is%2C%20makes%20us%20viewers%20go%20through%20an%20emotional%20rollercoaster%20for%20sure.%20I%20wanted%20to%20map%20out%20this%20rollercoaster%20by%20examining%20the%20emotions%20present%20within%20each%20episode%2C%20on%20a%20line-by-line%20basis.%0A%0A%20%20%20%20I%20used%20a%20%5BDistilRoBERTa%5D(https%3A%2F%2Fhuggingface.co%2Fmichellejieli%2Femotion_text_classifier)%20model%2C%20fine-tuned%20on%20dialogue%20data%20from%20the%20popular%20TV%20show%20%22Friends%22%20(another%20favourite%20of%20mine)%2C%20to%20perform%20emotion%20classification%20in%20each%20line.%20I%20chose%20this%20model%20from%20the%20plethora%20of%20models%20available%20on%20HuggingFace%20because%20it%20specifically%20used%20_dialogue_%20data%20to%20fine-tune%20the%20base%20DistilRoBERTa%20model%2C%20so%20I%20believe%20it%20most%20closely%20aligns%20with%20my%20use%20case%20here.%0A%0A%20%20%20%20I%20visualised%20the%20emotional%20landscape%20across%20episodes%20as%20a%20streamgraph%2C%20with%20each%20colour%20representing%20an%20emotion.%20I%20like%20this%20viz%20as%20it%20helps%20us%20visualise%20the%20dynamic%20ebbing%20and%20flowing%20of%20certain%20emotions%20from%20one%20episode%20to%20the%20next.%20Below%20the%20streamgraph%2C%20we%20have%20a%20layered%20area%20chart%20so%20we%20can%20visualise%20(more%20accurately)%20which%20emotions%20were%20dominant%20throughout%20the%20episodes.%0A%0A%20%20%20%20**Explore%20it%20for%20yourself!**%20First%2C%20select%20the%20metric%20you%20want%20(for%20the%20most%20part%2C%20there's%20not%20a%20huge%20difference%20between%20the%20two).%20Then%2C%20select%20a%20specific%20arc%20from%20the%20dropdown%20list%20or%20simply%20highlight%20the%20grey%20bar%20below%20the%20charts%20to%20finely%20adjust%20the%20episode%20range.%0A%0A%20%20%20%20%3Cbr%3E%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20allow%20users%20to%20choose%20which%20aggregation%20metric%20they'd%20like%0A%20%20%20%20metric_select%20%3D%20mo.ui.radio(%0A%20%20%20%20%20%20%20%20options%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Varying%20confidence%3A%20we%20acknowledge%20the%20model's%20uncertainty%20by%20giving%20less%20weight%20to%20less%20certain%20predictions%22%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Full%20confidence%3A%20this%20assumes%20we%20are%20fully%20confident%20in%20all%20classifications%20made%20by%20the%20model%22%3A%202%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20value%3D%22Varying%20confidence%3A%20we%20acknowledge%20the%20model's%20uncertainty%20by%20giving%20less%20weight%20to%20less%20certain%20predictions%22%2C%0A%20%20%20%20%20%20%20%20label%3D%22Choose%20your%20metric!%22%2C%0A%20%20%20%20)%0A%20%20%20%20return%20(metric_select%2C)%0A%0A%0A%40app.cell%0Adef%20_(mo%2C%20set_interaction_mode)%3A%0A%20%20%20%20%23%20define%20arc%20episode%20ranges%0A%20%20%20%20arcs%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22All%20Episodes%22%2C%20%22start%22%3A%201%2C%20%22end%22%3A%201000%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20East%20Blue%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Romance%20Dawn%22%2C%20%22start%22%3A%201%2C%20%22end%22%3A%203%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Orange%20Town%22%2C%20%22start%22%3A%204%2C%20%22end%22%3A%208%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Syrup%20Village%22%2C%20%22start%22%3A%209%2C%20%22end%22%3A%2018%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Baratie%22%2C%20%22start%22%3A%2019%2C%20%22end%22%3A%2030%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Arlong%20Park%22%2C%20%22start%22%3A%2031%2C%20%22end%22%3A%2044%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Loguetown%22%2C%20%22start%22%3A%2045%2C%20%22end%22%3A%2053%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Alabasta%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Reverse%20Mountain%22%2C%20%22start%22%3A%2062%2C%20%22end%22%3A%2063%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Whisky%20Peak%22%2C%20%22start%22%3A%2064%2C%20%22end%22%3A%2067%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Diary%20of%20Koby-Meppo%22%2C%20%22start%22%3A%2068%2C%20%22end%22%3A%2069%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Little%20Garden%22%2C%20%22start%22%3A%2070%2C%20%22end%22%3A%2077%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Drum%20Island%22%2C%20%22start%22%3A%2078%2C%20%22end%22%3A%2091%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Alabasta%22%2C%20%22start%22%3A%2092%2C%20%22end%22%3A%20130%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Sky%20Island%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Jaya%22%2C%20%22start%22%3A%20144%2C%20%22end%22%3A%20152%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Skypiea%22%2C%20%22start%22%3A%20153%2C%20%22end%22%3A%20195%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Water%207%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Long%20Ring%20Long%20Land%22%2C%20%22start%22%3A%20207%2C%20%22end%22%3A%20219%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Water%207%22%2C%20%22start%22%3A%20229%2C%20%22end%22%3A%20263%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Enies%20Lobby%22%2C%20%22start%22%3A%20264%2C%20%22end%22%3A%20312%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Post-Enies%20Lobby%22%2C%20%22start%22%3A%20313%2C%20%22end%22%3A%20325%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Thriller%20Bark%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Thriller%20Bark%22%2C%20%22start%22%3A%20337%2C%20%22end%22%3A%20381%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Summit%20War%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Sabaody%20Archipelago%22%2C%20%22start%22%3A%20385%2C%20%22end%22%3A%20405%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Amazon%20Lily%22%2C%20%22start%22%3A%20408%2C%20%22end%22%3A%20417%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Impel%20Down%22%2C%20%22start%22%3A%20422%2C%20%22end%22%3A%20452%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Marineford%22%2C%20%22start%22%3A%20457%2C%20%22end%22%3A%20489%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Post-War%22%2C%20%22start%22%3A%20490%2C%20%22end%22%3A%20516%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Fish-Man%20Island%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Return%20to%20Sabaody%22%2C%20%22start%22%3A%20517%2C%20%22end%22%3A%20522%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Fishman%20Island%22%2C%20%22start%22%3A%20523%2C%20%22end%22%3A%20574%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Dressrosa%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Punk%20Hazard%22%2C%20%22start%22%3A%20579%2C%20%22end%22%3A%20625%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Dressrosa%22%2C%20%22start%22%3A%20629%2C%20%22end%22%3A%20746%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Four%20Emperors%20%2F%20Whole%20Cake%20Island%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Zou%22%2C%20%22start%22%3A%20751%2C%20%22end%22%3A%20779%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Whole%20Cake%20Island%22%2C%20%22start%22%3A%20783%2C%20%22end%22%3A%20877%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Reverie%22%2C%20%22start%22%3A%20878%2C%20%22end%22%3A%20889%20%7D%2C%0A%0A%20%20%20%20%20%20%20%20%23%20---%20Wano%20Kuni%20---%0A%20%20%20%20%20%20%20%20%7B%20%22name%22%3A%20%22Wano%20Country%20(Incomplete%20Data)%22%2C%20%22start%22%3A%20890%2C%20%22end%22%3A%201000%20%7D%0A%20%20%20%20%5D%0A%0A%20%20%20%20arc_options%20%3D%20%7Bf%22%22%22%7Barc%5B%22name%22%5D%7D%3A%20%7Barc%5B%22start%22%5D%7D%20to%20%7Barc%5B%22end%22%5D%7D%22%22%22%3A%20%5Barc%5B%22start%22%5D%2C%20arc%5B%22end%22%5D%5D%20for%20arc%20in%20arcs%7D%0A%0A%20%20%20%20def%20on_arc_change(value)%3A%0A%20%20%20%20%20%20%20%20'''for%20state%20tracking%3B%20set%20state%20when%20dropdown%20is%20selected'''%0A%20%20%20%20%20%20%20%20set_interaction_mode(%22preset%22)%0A%0A%20%20%20%20%23%20create%20dropdown%0A%20%20%20%20arc_selector%20%3D%20mo.ui.dropdown(%0A%20%20%20%20%20%20%20%20options%3Darc_options%2C%20%0A%20%20%20%20%20%20%20%20value%3D%22All%20Episodes%3A%201%20to%201000%22%2C%20%0A%20%20%20%20%20%20%20%20label%3D%22Jump%20to%20Arc%3A%22%2C%0A%20%20%20%20%20%20%20%20searchable%3DTrue%2C%0A%20%20%20%20%20%20%20%20on_change%3Don_arc_change%0A%20%20%20%20)%0A%20%20%20%20return%20arc_options%2C%20arc_selector%0A%0A%0A%40app.cell%0Adef%20_(arc_selector%2C%20metric_select%2C%20mo)%3A%0A%20%20%20%20mo.hstack(%5Bmetric_select%2C%20arc_selector%5D)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%0A%20%20%20%20%3Cbr%3E%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(arc_selector%2C%20metric_select%2C%20mo)%3A%0A%20%20%20%20selected_params%20%3D%20mo.hstack(%5B%0A%20%20%20%20%20%20%20%20mo.md(f%22%23%23%23%20Selected%20metric%3A%20%7B%22varying%20confidence%22%20if%20metric_select.value%20%3D%3D%201%20else%20%22full%20confidence%22%7D%22)%2C%0A%20%20%20%20%20%20%20%20mo.md(f%22%23%23%23%20Selected%20arc%3A%20%7Barc_selector.selected_key%7D%22)%0A%20%20%20%20%5D)%0A%20%20%20%20return%20(selected_params%2C)%0A%0A%0A%40app.cell%0Adef%20_(metric_select%2C%20opDialogues_unlabelled%2C%20pl)%3A%0A%20%20%20%20%23%20based%20on%20radio%20option%20selected%2C%20group%20by%20episode%20and%20aggregate%20emotions%0A%0A%20%20%20%20if%20metric_select.value%20%3D%3D%201%3A%0A%20%20%20%20%20%20%20%20emotion_counts%20%3D%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20opDialogues_unlabelled%0A%20%20%20%20%20%20%20%20%20%20%20%20.group_by(%5B'episode'%2C%20'emotion'%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20.agg(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20pl.col('emotion_score').sum().alias('total_score')%20%23%20sums%20confidence%20scores%20which%20are%20%5B0%2C1%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%20%20%20%20.pivot(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20values%3D'total_score'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20index%3D'episode'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20on%3D'emotion'%0A%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%20%20%20%20.fill_null(0)%0A%20%20%20%20%20%20%20%20%20%20%20%20.unpivot(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20index%3D'episode'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20variable_name%3D'emotion'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20value_name%3D'total_score'%0A%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20else%3A%0A%20%20%20%20%20%20%20%20emotion_counts%20%3D%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20opDialogues_unlabelled%0A%20%20%20%20%20%20%20%20%20%20%20%20.group_by(%5B'episode'%2C%20'emotion'%5D)%0A%20%20%20%20%20%20%20%20%20%20%20%20.agg(pl.len().alias('total_score'))%20%23%20counts%20number%20of%20rows%20each%20emotion%20has%0A%20%20%20%20%20%20%20%20%20%20%20%20.pivot(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20values%3D'total_score'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20index%3D'episode'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20on%3D'emotion'%0A%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%20%20%20%20.fill_null(0)%0A%20%20%20%20%20%20%20%20%20%20%20%20.unpivot(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20index%3D'episode'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20variable_name%3D'emotion'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20value_name%3D'total_score'%0A%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20return%20(emotion_counts%2C)%0A%0A%0A%40app.cell%0Adef%20_(%0A%20%20%20%20alt%2C%0A%20%20%20%20arc_options%2C%0A%20%20%20%20arc_selector%2C%0A%20%20%20%20emotion_counts%2C%0A%20%20%20%20mo%2C%0A%20%20%20%20set_interaction_mode%2C%0A)%3A%0A%20%20%20%20%23%20create%20base%20chart%0A%20%20%20%20base%20%3D%20alt.Chart(emotion_counts).encode(%0A%20%20%20%20%20%20%20%20x%3Dalt.X(%0A%20%20%20%20%20%20%20%20%20%20%20%20'episode%3AQ'%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20axis%3Dalt.Axis(title%3D'Episode'%2C%20tickMinStep%3D1%2C%20format%3D'd')%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20scale%3Dalt.Scale(nice%3DFalse)%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20color%3Dalt.Color(%0A%20%20%20%20%20%20%20%20%20%20%20%20'emotion%3AN'%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20scale%3Dalt.Scale(scheme%3D'dark2')%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20legend%3Dalt.Legend(title%3D%22Emotion%22)%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20tooltip%3D%5B'episode'%2C%20'emotion'%2C%20'total_score'%5D%0A%20%20%20%20)%0A%0A%20%20%20%20current_range%20%3D%20arc_selector.value%0A%0A%20%20%20%20if%20arc_selector.value%20%3D%3D%20arc_options%5B%22All%20Episodes%3A%201%20to%201000%22%5D%3A%0A%20%20%20%20%20%20%20%20brush%20%3D%20alt.selection_interval(%0A%20%20%20%20%20%20%20%20%20%20%20%20encodings%3D%5B'x'%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20empty%3D'all'%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20else%3A%0A%20%20%20%20%20%20%20%20brush%20%3D%20alt.selection_interval(%0A%20%20%20%20%20%20%20%20%20%20%20%20encodings%3D%5B'x'%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20value%3D%7B'x'%3A%20current_range%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20empty%3D'all'%0A%20%20%20%20%20%20%20%20)%0A%0A%20%20%20%20%23%20create%20bottom%20chart%20for%20brush%20selection%0A%20%20%20%20context_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20base.mark_area(color%3D'lightgray')%0A%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20%23%20We%20override%20the%20color%20here%20to%20make%20it%20simple%20gray%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3Dalt.value('lightgray')%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.Y('sum(total_score)%3AQ'%2C%20axis%3DNone%2C%20title%3D'')%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20x%3Dalt.X('episode%3AQ'%2C%20axis%3Dalt.Axis(title%3D'')%2C%20scale%3Dalt.Scale(nice%3DFalse))%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.properties(%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3D30%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.add_params(brush)%0A%20%20%20%20)%0A%0A%20%20%20%20emotion_area_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20base.mark_area(opacity%3D0.5%2C%20interpolate%3D'monotone')%0A%20%20%20%20%20%20%20%20.transform_filter(%0A%20%20%20%20%20%20%20%20%20%20%20%20brush%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.transform_joinaggregate(%0A%20%20%20%20%20%20%20%20%20%20%20%20groupby%3D%5B'episode'%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20TotalCount%3D'sum(total_score)'%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.transform_calculate(%0A%20%20%20%20%20%20%20%20%20%20%20%20Percent%3D'datum.total_score%20%2F%20datum.TotalCount'%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20x%3Dalt.X('episode%3AQ'%2C%20axis%3Dalt.Axis(title%3D'')%2C%20scale%3Dalt.Scale(nice%3DFalse))%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.Y(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'sum(Percent)%3AQ'%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stack%3DNone%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3DNone%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20axis%3Dalt.Axis(format%3D'%25')%0A%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3Dalt.Color('emotion%3AN'%2C%20title%3DNone)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20tooltip%3D%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'emotion'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'episode%3AQ'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alt.Tooltip('sum(Percent)%3AQ'%2C%20title%3D'Proportion'%2C%20format%3D'.1%25')%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.properties(%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3D60%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20)%0A%0A%20%20%20%20%23%20create%20streamgraph%0A%20%20%20%20focus_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20base.mark_area(interpolate%3D'catmull-rom')%0A%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.Y('total_score%3AQ'%2C%20stack%3D'center'%2C%20axis%3DNone)%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.transform_filter(%0A%20%20%20%20%20%20%20%20%20%20%20%20brush%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.properties(%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3D400%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20)%0A%0A%20%20%20%20%23%20combine%0A%20%20%20%20full_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20focus_chart%20%26%20emotion_area_chart%20%26%20context_chart%0A%20%20%20%20).configure_view(%0A%20%20%20%20%20%20%20%20stroke%3DNone%0A%20%20%20%20).configure_axis(%0A%20%20%20%20%20%20%20%20grid%3DFalse%0A%20%20%20%20)%0A%0A%20%20%20%20def%20on_chart_change(value)%3A%0A%20%20%20%20%20%20%20%20'''for%20state%20tracking%3B%20set%20state%20when%20chart%20selected'''%0A%20%20%20%20%20%20%20%20set_interaction_mode(%22manual%22)%0A%0A%20%20%20%20%23%20display%0A%20%20%20%20emotion_chart%20%3D%20mo.ui.altair_chart(full_chart%2C%20on_change%3Don_chart_change)%0A%20%20%20%20return%20(emotion_chart%2C)%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20track%20source%20of%20last%20chart%20interaction%0A%20%20%20%20get_interaction_mode%2C%20set_interaction_mode%20%3D%20mo.state(%22preset%22)%0A%20%20%20%20return%20get_interaction_mode%2C%20set_interaction_mode%0A%0A%0A%40app.cell%0Adef%20_(arc_selector%2C%20emotion_chart%2C%20emotion_counts%2C%20get_interaction_mode%2C%20mo)%3A%0A%20%20%20%20%23%20Get%20global%20min%2Fmax%20episode%20for%20reference%20(1%20and%201000)%0A%20%20%20%20global_min%20%3D%20int(emotion_counts%5B%22episode%22%5D.min())%0A%20%20%20%20global_max%20%3D%20int(emotion_counts%5B%22episode%22%5D.max())%0A%0A%20%20%20%20%23%20get%20current%20values%0A%20%20%20%20chart_data%20%3D%20emotion_chart.value%0A%20%20%20%20preset_range%20%3D%20arc_selector.value%0A%20%20%20%20current_mode%20%3D%20get_interaction_mode()%0A%0A%20%20%20%20%23%20default%20to%20global%0A%20%20%20%20start_ep%2C%20end_ep%20%3D%20global_min%2C%20global_max%0A%0A%20%20%20%20%23%20Check%20if%20chart%20is%20empty%0A%20%20%20%20is_chart_empty%20%3D%20chart_data.is_empty()%20if%20hasattr(chart_data%2C%20'is_empty')%20else%20chart_data.empty%0A%0A%20%20%20%20if%20current_mode%20%3D%3D%20%22preset%22%3A%0A%20%20%20%20%20%20%20%20%23%20user%20last%20used%20the%20dropdown.%20display%20dropdown%20range%0A%20%20%20%20%20%20%20%20%23%20ignore%20the%20chart's%20empty%20state%20(which%20is%20expected%20on%20init)%0A%20%20%20%20%20%20%20%20start_ep%2C%20end_ep%20%3D%20preset_range%0A%0A%20%20%20%20elif%20current_mode%20%3D%3D%20%22manual%22%3A%0A%20%20%20%20%20%20%20%20%23%20user%20last%20interacted%20with%20the%20chart%0A%0A%20%20%20%20%20%20%20%20if%20not%20is_chart_empty%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%23%20specific%20chart%20area%20selected%0A%20%20%20%20%20%20%20%20%20%20%20%20c_min%20%3D%20int(chart_data%5B%22episode%22%5D.min())%0A%20%20%20%20%20%20%20%20%20%20%20%20c_max%20%3D%20int(chart_data%5B%22episode%22%5D.max())%0A%20%20%20%20%20%20%20%20%20%20%20%20start_ep%2C%20end_ep%20%3D%20c_min%2C%20c_max%0A%20%20%20%20%20%20%20%20else%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%23%20user%20clicked%20background%20to%20clear%20selection%20-%3E%20reset%20to%20global%0A%20%20%20%20%20%20%20%20%20%20%20%20start_ep%2C%20end_ep%20%3D%20global_min%2C%20global_max%0A%0A%20%20%20%20episode_selection%20%3D%20mo.md(f%22%23%23%23%20Selected%20Episodes%3A%20%7Bstart_ep%7D%20-%20%7Bend_ep%7D%22)%0A%20%20%20%20return%20(episode_selection%2C)%0A%0A%0A%40app.cell%0Adef%20_(emotion_chart%2C%20episode_selection%2C%20mo%2C%20selected_params)%3A%0A%20%20%20%20mo.vstack(%5B%0A%20%20%20%20%20%20%20%20mo.center(selected_params)%2C%0A%20%20%20%20%20%20%20%20emotion_chart%2C%0A%20%20%20%20%20%20%20%20mo.center(episode_selection)%0A%20%20%20%20%5D)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%0A%20%20%20%20There's%20a%20whole%20bunch%20of%20insights%20we%20can%20discover%20here%2C%20and%20I%20won't%20attempt%20to%20go%20into%20everything.%0A%0A%20%20%20%20If%20you're%20wondering%20what%20you%20can%20look%20at%20with%20this%20chart%2C%20here's%20an%20example%3A%0A%0A%20%20%20%20Use%20the%20dropdown%20list%20to%20select%20the%20%22Thriller%20Bark%22%20arc.%20What%20do%20you%20observe%3F%0A%0A%20%20%20%20For%20me%2C%20I%20felt%20it%20was%20quite%20interesting%20to%20look%20at%20how%20the%20levels%20of%20_joy_%20changed%20throughout%20the%20arc.%20As%20with%20most%20storylines%2C%20the%20middle%20part%20is%20often%20rife%20with%20conflict%2C%20and%20we%20see%20that%20there%20is%20relatively%20little%20joy%20in%20that%20area%20(the%20segment%20is%20compressed%20in%20the%20streamgraph).%20Towards%20the%20end%20of%20the%20arc%2C%20we%20see%20joy%20occupying%20a%20much%20larger%20part%20of%20the%20graph%2C%20which%20is%20exactly%20what%20we'd%20expect%20as%20Luffy%20and%20his%20crew%20defeated%20the%20bad%20guys!%0A%0A%20%20%20%20%2F%2F%2F%20details%20%7C%20**Caveats**%0A%20%20%20%20%20%20%20%20type%3A%20warn%0A%0A%20%20%20%20Some%20data%20caveats%20I%20feel%20I%20ought%20to%20mention%20here%3A%20As%20each%20line%20in%20this%20emotions%20dataset%20is%20not%20labelled%2C%20I%20couldn't%20group%20together%20adjacent%20lines%20that%20belong%20to%20the%20same%20speaker.%20This%20may%20have%20led%20to%20some%20downstream%20implications.%20For%20example%2C%20the%20number%20of%20distinct%20utterances%20would%20be%20over-counted.%20This%20may%20have%20also%20affected%20the%20classification%20of%20emotions%2C%20for%20example%20when%20an%20utterance%20is%20split%20across%20two%20lines%2C%20each%20line%20may%20have%20a%20different%20meaning%20on%20its%20own%20(and%20therefore%20resulted%20in%20a%20different%20emotion%20being%20classified%20to%20it).%0A%20%20%20%20%2F%2F%2F%0A%0A%20%20%20%20%3Cbr%3E%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%0A%20%20%20%20___%0A%0A%20%20%20%20%23%23%23%20Thanks%20for%20exploring%20the%20Grand%20Line%20with%20me!%0A%0A%20%20%20%20Did%20you%20find%20any%20interesting%20treasure%20from%20the%20data%20here%3F%20I'd%20love%20to%20hear%20them%20%F0%9F%98%84%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20create%20sidebar%20for%20easier%20navigation%0A%20%20%20%20mo.sidebar(%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.md(%22%23%23%20One%20Piece%20Dialogue%20Analysis%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.nav_menu(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%23introduction%22%3A%20f%22%7Bmo.icon('iconamoon%3Anumber-1')%7D%20Introduction%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%23line_count%22%3A%20f%22%7Bmo.icon('iconamoon%3Anumber-2')%7D%20Number%20of%20Lines%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%23wordclouds%22%3A%20f%22%7Bmo.icon('iconamoon%3Anumber-3')%7D%20Wordclouds%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%23emotional_landscape%22%3A%20f%22%7Bmo.icon('iconamoon%3Anumber-4')%7D%20Emotional%20Landscape%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Contacts%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22https%3A%2F%2Flinkedin.com%2Fin%2Fongchinrong12%22%3A%20f%22%7Bmo.icon('uiw%3Alinkedin')%7D%20LinkedIn%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22https%3A%2F%2Fgithub.com%2Fcrong12%22%3A%20f%22%7Bmo.icon('uiw%3Agithub')%7D%20GitHub%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22https%3A%2F%2Fcrong12.github.io%22%3A%20f%22%7Bmo.icon('iconamoon%3Ahome')%7D%20Back%20to%20Home%20Page%3Cbr%2F%3E(Opens%20in%20New%20Tab)%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20orientation%3D%22vertical%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20create%20author%20card%0A%20%20%20%20profile_pic%20%3D%20mo.image(%0A%20%20%20%20%20%20%20%20src%3D%22public%2Fsolo_pic_circle.jpg%22%2C%0A%20%20%20%20%20%20%20%20width%3D80%2C%0A%20%20%20%20%20%20%20%20height%3D80%2C%0A%20%20%20%20%20%20%20%20style%3D%7B%22border-radius%22%3A%20%2250%25%22%2C%20%22object-fit%22%3A%20%22cover%22%7D%0A%20%20%20%20)%0A%0A%20%20%20%20mo.md(f%22%22%22%3Cdiv%20style%3D%22%0A%20%20%20%20%20%20%20%20padding%3A%200px%2020px%3B%20%0A%20%20%20%20%20%20%20%20border-radius%3A%2012px%3B%20%0A%20%20%20%20%20%20%20%20background-color%3A%20%23f8f9fa%3B%20%0A%20%20%20%20%20%20%20%20border%3A%201px%20solid%20%23e9ecef%3B%20%0A%20%20%20%20%20%20%20%20display%3A%20flex%3B%20%0A%20%20%20%20%20%20%20%20align-items%3A%20center%3B%20%0A%20%20%20%20%20%20%20%20gap%3A%2020px%3B%0A%20%20%20%20%20%20%20%20margin%3A%200px%3B%0A%20%20%20%20%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22font-size%3A%2022px%3B%22%3E%7Bprofile_pic%7D%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ch3%20style%3D%22margin%3A%200%3B%20color%3A%20%231a1a1a%3B%22%3EChin%20Rong%20Ong%3C%2Fh3%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20style%3D%22margin%3A%205px%200%2015px%200%3B%20color%3A%20%23666%3B%20font-size%3A%2014px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Data%20Scientist%20%26%20One%20Piece%20nerd.%20Exploring%20the%20Grand%20Line%20of%20data%2C%20one%20dataset%20at%20a%20time.%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20gap%3A%2015px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ca%20href%3D%22https%3A%2F%2Flinkedin.com%2Fin%2Fongchinrong12%22%20target%3D%22_blank%22%20style%3D%22text-decoration%3A%20none%3B%20color%3A%20%230077b5%3B%20font-weight%3A%20bold%3B%22%3E%7Bmo.icon('uiw%3Alinkedin')%7D%20LinkedIn%3C%2Fa%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ca%20href%3D%22https%3A%2F%2Fgithub.com%2Fcrong12%22%20target%3D%22_blank%22%20style%3D%22text-decoration%3A%20none%3B%20color%3A%20%23333%3B%20font-weight%3A%20bold%3B%22%3E%7Bmo.icon('uiw%3Agithub')%7D%20GitHub%3C%2Fa%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ca%20href%3D%22mailto%3Aongchinrong12%40gmail.com%22%20style%3D%22text-decoration%3A%20none%3B%20color%3A%20%23d44638%3B%20font-weight%3A%20bold%3B%22%3E%7Bmo.icon('uiw%3Amail')%7D%20Email%3C%2Fa%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%22%22%22)%0A%20%20%20%20return%0A%0A%0Aif%20__name__%20%3D%3D%20%22__main__%22%3A%0A%20%20%20%20app.run()%0A