Stock Trend Analytics

import%20marimo%0A%0A__generated_with%20%3D%20%220.13.6%22%0Aapp%20%3D%20marimo.App(width%3D%22full%22%2C%20app_title%3D%22Stock%20Trend%20Analytics%22)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20import%20marimo%20as%20mo%0A%0A%20%20%20%20mo.vstack(%5B%0A%0A%20%20%20%20mo.video(%0A%20%20%20%20%20%20%20%20src%3Dmo.notebook_location()%2F%20'public'%20%2F%20'segment_candlestick_chart_for_trend_analysis.mp4'%0A%20%20%20%20)%0A%0A%20%20%20%20%5D)%0A%0A%20%20%20%20return%20(mo%2C)%0A%0A%0A%40app.cell%0Adef%20introduction(mo)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20r%22%22%22%0A%20%20%20%20%23%20Stock%20Trend%20Analytics%20-%20UP%2FFLAT%2FDOWN%20classification%0A%0A%20%20%20%20%23%23%20Disclaimer%0A%0A%20%20%20%20The%20content%20of%20this%20webpage%20is%20not%20an%20investment%20advice%20and%20does%20not%20constitute%20any%20offer%20or%20solicitation%20to%20offer%20or%20recommendation%20of%20any%20investment%20product.%20%0A%0A%20%20%20%20%23%23%20Problem%20Statement%0A%0A%20%20%20%20Determining%20a%20profitable%20entry%20and%20exit%20point%20for%20stock%20investment%20is%20crucial%20for%20success%20in%20one's%20investment%20journey.%20**Buy%20low%20and%20sell%20high**%20is%20the%20goal%20of%20every%20investment%20with%20an%20eye%20on%20capital%20gain.%0A%0A%20%20%20%20One%20of%20the%20ways%20to%20achieve%20that%20is%20via%20Contrarian%20investing.%20According%20to%20%5BWikipedia%5D(%5Bhttps%3A%2F%2Fen.wikipedia.org%2Fwiki%2FContrarian_investing%5D(https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FContrarian_investing%23%3A~%3Atext%3DContrarian%2520investing%2520is%2520related%2520to%2Cbe%2520undervalued%2520by%2520the%2520market.))%2C%20%60Contrarian%20investing%20is%20related%20to%20value%20investing%20in%20that%20the%20contrarian%20is%20also%20looking%20for%20mispriced%20investments%20and%20buying%20those%20that%20appear%20to%20be%20undervalued%20by%20the%20market.%60%20%20A%20possible%20implementation%20is%20to%20look%20for%20stocks%20which%20(i)%20have%20experienced%20significant%20decrease%20in%20stock%20price%20and%20(ii)%20have%20sustained%20that%20lower%20price%20level%20for%20a%20non-trivial%20duration.%20The%20second%20point%20is%20to%20safeguard%20against%20the%20real%20danger%20that%20the%20stock%20goes%20delisted%20and%20the%20company%20behind%20goes%20bankrupt.%20Still%2C%20it%20goes%20without%20saying%20that%20one%20should%20always%20look%20for%20confirmations%20via%20other%20means%20(e.g.%20fundamental%20analysis).%20%0A%0A%20%20%20%20To%20that%20end%2C%20this%20notebook%20demonstrates%20a%20visualisation%20which%20places%20all%20the%20stocks%20traded%20in%20HK%20(categorised%20by%20the%20HK)%20together%20and%20highlight%20the%20UP%2C%20FLAT%20and%20DOWN%20period.%0A%0A%0A%20%20%20%20%23%23%20Methodology%0A%0A%20%20%20%20%23%23%23%20Data%20Source%20-%201d%20Candle%0A%0A%20%20%20%20I%20have%20collected%20the%201d%20stock%20candle%20online.%20The%20candle%20contains%20Open%2C%20High%2C%20Low%20Close%20of%20every%20trading%20day.%20I%20consolidated%20the%20candle%20data%20into%20one%20average%20price%20with%0A%0A%20%20%20%20***Average%20Price%20%3D%20(Open%20%2B%20High%20%2B%20Low%20%2B%20Close)%2F%204***%0A%0A%20%20%20%20%23%23%23%20Breakout%20%0A%0A%20%20%20%20%23%23%23%23%20At%20least%2030%2F50%2F70%20pct%20of%20price%20change%20of%20the%20difference%20of%20maximum%20and%20minimum%20from%202018-01-01%20and%202025-05-02%0A%0A%20%20%20%20We%20need%20an%20objective%20measurement%20on%20what%20constitutes%20an%20UP%20and%20DOWN.%20I%20opted%20for%20the%20below%20definition.%0A%0A%20%20%20%20***If%20the%20stock%20price%20increases%20by%2030%25%2F50%25%2F70%25%20of%20the%20difference%20between%20its%20historical%20maximum%20and%20minimum%20price%2C%20then%20we%20consider%20it%20a%20breakout.***%0A%0A%20%20%20%20For%20the%20historical%20period%2C%20I%20picked%20%602018-01-01%60%20until%20%602025-05-02%60%0A%0A%20%20%20%20%23%23%23%20Algorithm%0A%0A%20%20%20%20The%20algorithm%20reads%20the%20average%20price%20in%20chronological%20order.%20It%20loops%20through%20the%20successively%20price%20and%20compare%20it%20with%20the%20subperiod's%20minimum%20and%20maximum.%20Once%20the%20price%20difference%20reaches%20the%20pre-defined%20breakout%20specific%20to%20that%20stock%20(50%25%20of%20the%20max%20-%20min%20over%20the%20period)%2C%20then%20that%20period%20will%20be%20recorded%20as%20a%20UP%20or%20DOWN.%20%0A%0A%20%20%20%20%23%23%20Result%0A%0A%20%20%20%20-%203%20Different%20Trend%20Configs%20available.%0A%20%20%20%20-%20Stocks%20are%20grouped%20by%20the%20index%20of%20which%20they%20are%20constituents.%0A%20%20%20%20%22%22%22%0A%20%20%20%20)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20import%20altair%20as%20alt%0A%20%20%20%20import%20pandas%20as%20pd%0A%20%20%20%20import%20datetime%0A%20%20%20%20import%20numpy%20as%20np%0A%20%20%20%20import%20os%0A%20%20%20%20from%20typing%20import%20List%0A%20%20%20%20from%20pathlib%20import%20Path%0A%20%20%20%20return%20List%2C%20alt%2C%20pd%0A%0A%0A%40app.cell%0Adef%20load_all_data(pd)%3A%0A%20%20%20%20base_url%20%3D%20%22https%3A%2F%2Fraw.githubusercontent.com%2Fkenho811%2Fhome_data_centre_public_mirror%2Frefs%2Fheads%2Fmain%2Fmarimo%2Fstock_trend%22%0A%0A%20%20%20%20hk_indices_stocks_df%3A%20pd.DataFrame%20%3D%20pd.read_csv(%0A%20%20%20%20%20%20%20%20base_url%20%2B%20%22%2Fpublic%2Fhk_index_constituent_stock.csv%22%0A%20%20%20%20)%0A%0A%20%20%20%20sample_stock_prices%3A%20pd.DataFrame%20%3D%20pd.read_csv(%0A%20%20%20%20%20%20%20%20base_url%0A%20%20%20%20%20%20%20%20%2B%20%22%2Fpublic%2F0001_2216_9992_average_price_from_2018Jan01_to_2025May02.csv%22%0A%20%20%20%20)%0A%0A%20%20%20%20hk_indices_df%3A%20pd.DataFrame%20%3D%20pd.read_csv(%0A%20%20%20%20%20%20%20%20base_url%20%2B%20%22%2Fpublic%2Fhk_index_name.csv%22%0A%20%20%20%20)%0A%0A%20%20%20%20symbols_df%3A%20pd.DataFrame%20%3D%20pd.read_csv(%0A%20%20%20%20%20%20%20%20base_url%20%2B%20%22%2Fpublic%2Fstock_display_name.csv%22%0A%20%20%20%20)%0A%0A%20%20%20%20trend_config_df%3A%20pd.DataFrame%20%3D%20pd.read_csv(%0A%20%20%20%20%20%20%20%20base_url%20%2B%20%22%2Fpublic%2Fstock_trend_config.csv%22%0A%20%20%20%20)%0A%20%20%20%20all_stock_trend%20%3D%20pd.read_csv(%0A%20%20%20%20%20%20%20%20base_url%20%2B%20%22%2Fpublic%2Fstock_trend_from_2018Jan01_to_2025May02.csv%22%0A%20%20%20%20)%0A%0A%20%20%20%20all_stock_trend%5B%22from_utc_datetime%22%5D%20%3D%20pd.to_datetime(%0A%20%20%20%20%20%20%20%20all_stock_trend%5B%22from_utc_datetime%22%5D%0A%20%20%20%20)%0A%20%20%20%20all_stock_trend%5B%22to_utc_datetime%22%5D%20%3D%20pd.to_datetime(%0A%20%20%20%20%20%20%20%20all_stock_trend%5B%22to_utc_datetime%22%5D%0A%20%20%20%20)%0A%0A%0A%20%20%20%20trend_config_name_to_val_mapping%20%3D%20%7B%0A%20%20%20%20%20%20%20%20k%3A%20v%0A%20%20%20%20%20%20%20%20for%20(k%2C%20v)%20in%20sorted(%0A%20%20%20%20%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20(d.get(%22display_name%22)%2C%20d.get(%22config_id%22))%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20d%20in%20trend_config_df.to_dict(orient%3D%22records%22)%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20key%3Dlambda%20x%3A%20x%5B0%5D%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%7D%0A%0A%20%20%20%20reversed_trend_config_name_to_val_mapping%20%3D%20%7B%0A%20%20%20%20%20%20%20%20v%3A%20k%20for%20k%2C%20v%20in%20trend_config_name_to_val_mapping.items()%0A%20%20%20%20%7D%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20all_stock_trend%2C%0A%20%20%20%20%20%20%20%20hk_indices_df%2C%0A%20%20%20%20%20%20%20%20hk_indices_stocks_df%2C%0A%20%20%20%20%20%20%20%20reversed_trend_config_name_to_val_mapping%2C%0A%20%20%20%20%20%20%20%20sample_stock_prices%2C%0A%20%20%20%20%20%20%20%20symbols_df%2C%0A%20%20%20%20%20%20%20%20trend_config_df%2C%0A%20%20%20%20%20%20%20%20trend_config_name_to_val_mapping%2C%0A%20%20%20%20)%0A%0A%0A%40app.cell%0Adef%20demo_one_stock_1(mo%2C%20trend_config_name_to_val_mapping)%3A%0A%20%20%20%20one_stock_trend_config_radio%20%3D%20mo.ui.radio(%0A%20%20%20%20%20%20%20%20label%3D%22Trend%20Config%22%2C%0A%20%20%20%20%20%20%20%20value%3D%22From%202018-01-01%2000%3A00%3A00.000%20to%202025-05-02%2000%3A00%3A00.000%20with%20trigger%20ratio%200.3%22%2C%0A%20%20%20%20%20%20%20%20options%3Dtrend_config_name_to_val_mapping%2C%0A%20%20%20%20)%0A%0A%20%20%20%20one_stock_symbol_ratio%20%3D%20mo.ui.radio(%0A%20%20%20%20%20%20%20%20label%3D%22Stock%20Config%22%2C%0A%20%20%20%20%20%20%20%20value%3D%22SEHK%3A00001%22%2C%0A%20%20%20%20%20%20%20%20options%3D%5B%22SEHK%3A00001%22%2C%20%22SEHK%3A02216%22%2C%20%22SEHK%3A09992%22%5D%2C%0A%20%20%20%20)%0A%0A%20%20%20%20on_off_trend_overlay%20%3D%20mo.ui.radio(%0A%20%20%20%20%20%20%20%20label%3D%22Trend%20Overlay%22%2C%0A%20%20%20%20%20%20%20%20value%3D%22On%22%2C%0A%20%20%20%20%20%20%20%20options%3D%5B%22On%22%2C%20%22Off%22%5D%2C%0A%20%20%20%20)%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20on_off_trend_overlay%2C%0A%20%20%20%20%20%20%20%20one_stock_symbol_ratio%2C%0A%20%20%20%20%20%20%20%20one_stock_trend_config_radio%2C%0A%20%20%20%20)%0A%0A%0A%40app.cell%0Adef%20demo_one_stock_2(%0A%20%20%20%20all_stock_trend%2C%0A%20%20%20%20alt%2C%0A%20%20%20%20mo%2C%0A%20%20%20%20on_off_trend_overlay%2C%0A%20%20%20%20one_stock_symbol_ratio%2C%0A%20%20%20%20one_stock_trend_config_radio%2C%0A%20%20%20%20pd%2C%0A%20%20%20%20sample_stock_prices%3A%20%22pd.DataFrame%22%2C%0A%20%20%20%20trend_config_df%3A%20%22pd.DataFrame%22%2C%0A)%3A%0A%20%20%20%20%23%23%20DEMO%20Methodology%0A%20%20%20%20%23%20OHLC%20Chart%0A%0A%20%20%20%20segmented_df%20%3D%20all_stock_trend%5B%0A%20%20%20%20%20%20%20%20(all_stock_trend%5B%22standard_symbol%22%5D%20%3D%3D%20one_stock_symbol_ratio.value)%0A%20%20%20%20%20%20%20%20%26%20(all_stock_trend%5B%22config_id%22%5D%20%3D%3D%20one_stock_trend_config_radio.value)%0A%20%20%20%20%5D%0A%20%20%20%20filterd_sample_stock_prices%20%3D%20sample_stock_prices%5B%0A%20%20%20%20%20%20%20%20sample_stock_prices%5B%22standard_symbol%22%5D%20%3D%3D%20one_stock_symbol_ratio.value%0A%20%20%20%20%5D%0A%0A%0A%20%20%20%20current_trigger_diff_ratio%3A%20float%20%3D%20float(%0A%20%20%20%20%20%20%20%20trend_config_df%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20trend_config_df%5B%22config_id%22%5D%20%3D%3D%20one_stock_trend_config_radio.value%0A%20%20%20%20%20%20%20%20%5D%5B%22trigger_diff_ratio%22%5D.values%5B0%5D%0A%20%20%20%20)%0A%0A%20%20%20%20average_price%20%3D%20(%0A%20%20%20%20%20%20%20%20alt.Chart(filterd_sample_stock_prices)%0A%20%20%20%20%20%20%20%20.mark_line()%0A%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20x%3D%22utc_datetime%3AT%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3D%22average_price%3AQ%22%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.properties(width%3D1000%2C%20height%3D300)%0A%20%20%20%20).interactive()%0A%0A%0A%20%20%20%20area_marks%20%3D%20(%0A%20%20%20%20%20%20%20%20alt.Chart(%0A%20%20%20%20%20%20%20%20%20%20%20%20pd.DataFrame(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20segmented_df%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20columns%3Dlist(segmented_df.columns)%2C%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%20%20%20%20%20.mark_rect(opacity%3D0.5)%0A%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20x%3D%22from_utc_datetime%3AT%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20x2%3D%22to_utc_datetime%3AT%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.value(0)%2C%20%20%23%20starts%20at%20bottom%20of%20chart%0A%20%20%20%20%20%20%20%20%20%20%20%20y2%3Dalt.value(400)%2C%20%20%23%20height%20of%20your%20chart%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3Dalt.Color(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22trend%3AN%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20scale%3Dalt.Scale(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20domain%3D%5B%22Up%22%2C%20%22Down%22%2C%20%22Flat%22%5D%2C%20range%3D%5B%22green%22%2C%20%22red%22%2C%20%22gray%22%5D%0A%20%20%20%20%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%20%20%20%20%20legend%3DNone%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%3Dlist(segmented_df.columns)%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20)%0A%0A%0A%20%20%20%20%23%20Create%20a%20DataFrame%20with%20Jan%201%20dates%20for%20each%20year%20in%20your%20data%0A%20%20%20%20min_year%20%3D%20segmented_df%5B%22from_utc_datetime%22%5D.min().year%0A%20%20%20%20max_year%20%3D%20segmented_df%5B%22to_utc_datetime%22%5D.max().year%0A%20%20%20%20jan1_dates%20%3D%20pd.DataFrame(%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22jan1_date%22%3A%20pd.to_datetime(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5Bf%22%7Byear%7D-01-01%22%20for%20year%20in%20range(min_year%2C%20max_year%20%2B%201)%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20)%0A%0A%20%20%20%20%23%20Create%20the%20rule%20layer%20for%20Jan%201%20markers%0A%20%20%20%20jan1_rules%20%3D%20(%0A%20%20%20%20%20%20%20%20alt.Chart(jan1_dates)%0A%20%20%20%20%20%20%20%20.mark_rule(%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3D%22black%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20strokeDash%3D%5B5%2C%205%5D%2C%20%20%23%20Makes%20the%20line%20dashed%0A%20%20%20%20%20%20%20%20%20%20%20%20strokeWidth%3D1%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.encode(x%3D%22jan1_date%3AT%22)%0A%20%20%20%20)%0A%0A%20%20%20%20%23%20Create%20the%20year%20labels%20layer%0A%20%20%20%20year_labels%20%3D%20(%0A%20%20%20%20%20%20%20%20alt.Chart(jan1_dates)%0A%20%20%20%20%20%20%20%20.mark_text(%0A%20%20%20%20%20%20%20%20%20%20%20%20align%3D%22left%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20baseline%3D%22top%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20dx%3D5%2C%20%20%23%20Small%20horizontal%20offset%20from%20the%20line%0A%20%20%20%20%20%20%20%20%20%20%20%20dy%3D5%2C%20%20%23%20Small%20vertical%20offset%20(positions%20above%20the%20chart)%0A%20%20%20%20%20%20%20%20%20%20%20%20fontSize%3D10%2C%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%3D%22jan1_date%3AT%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20text%3Dalt.Text(%22year(jan1_date)%3AN%22)%2C%20%20%23%20Extract%20just%20the%20year%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.value(0)%2C%20%20%23%20Position%20at%20top%20of%20chart%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20)%0A%0A%20%20%20%20all_charts%20%3D%20average_price%20%2B%20jan1_rules%20%2B%20year_labels%0A%20%20%20%20if%20on_off_trend_overlay.value%20%3D%3D%20'On'%3A%0A%20%20%20%20%20%20%20%20all_charts%20%2B%3D%20area_marks%20%2B%20jan1_rules%20%2B%20year_labels%0A%0A%0A%0A%20%20%20%20%23%20Combine%20the%20charts%0A%20%20%20%20_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20(all_charts)%0A%20%20%20%20%20%20%20%20.configure_view(stroke%3D%22transparent%22)%0A%20%20%20%20%20%20%20%20.configure_axis(labelLimit%3D100)%0A%20%20%20%20%20%20%20%20.properties(%0A%20%20%20%20%20%20%20%20%20%20%20%20title%3D%22Stock%20Trend%20Changes%20Over%20Time%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3D800%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20.resolve_scale(y%3D%22independent%22)%0A%20%20%20%20%20%20%20%20.interactive()%0A%20%20%20%20)%0A%0A%0A%20%20%20%20%23%20Create%20the%20final%20chart%0A%20%20%20%20shared_chart%20%3D%20mo.ui.altair_chart(_chart)%0A%20%20%20%20shared_chart%0A%0A%0A%20%20%20%20mo.vstack(%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%22%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%23%20Demonstration%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%23%23%20PART%20I%3A%20How%20does%20it%20work%20for%20one%20stock%3F%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20Pick%20one%20of%20the%20configurations%20below%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%22%22%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%20mo.hstack(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20mo.vstack(%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%5B%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%20%20%20%20on_off_trend_overlay%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%20%20%20%20one_stock_trend_config_radio%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%20%20%20%20one_stock_symbol_ratio%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%5D%0A%20%20%20%20%20%20%20%20%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%20%20%20%20%20%20%20%20%20shared_chart%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%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%20mo.sql(rf%22%22%22select%20standard_symbol%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20min(utc_datetime)%20as%20min_utc_datetime%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20max(utc_datetime)%20as%20max_utc_datetime%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20min(average_price)%20as%20min_average_price%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20max(average_price)%20as%20max_average_price%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%7Bcurrent_trigger_diff_ratio%7D'%20as%20trigger_diff_ratio%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20max(average_price)%20-%20min(average_price)%20as%20max_min_diff%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(max(average_price)%20-%20min(average_price))%20*%20%7Bcurrent_trigger_diff_ratio%7D%20as%20max_min_diff_multiplied_by_ratio%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20from%20filterd_sample_stock_prices%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20group%20by%201%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%22)%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_(List%2C%20hk_indices_stocks_df%3A%20%22pd.DataFrame%22%2C%20mo)%3A%0A%20%20%20%20unique_indices%3A%20List%5Bstr%5D%20%3D%20sorted(%0A%20%20%20%20%20%20%20%20hk_indices_stocks_df%5B%22standard_index_symbol%22%5D.unique()%0A%20%20%20%20)%0A%0A%20%20%20%20index_picker%20%3D%20mo.ui.dropdown(%0A%20%20%20%20%20%20%20%20label%3D%22Pick%20Index%20to%20display%22%2C%0A%20%20%20%20%20%20%20%20value%3D%22SEHK%3AHSI%22%2C%0A%20%20%20%20%20%20%20%20options%3Dunique_indices%2C%0A%20%20%20%20)%0A%20%20%20%20return%20(index_picker%2C)%0A%0A%0A%40app.cell%0Adef%20_(%0A%20%20%20%20hk_indices_stocks_df%3A%20%22pd.DataFrame%22%2C%0A%20%20%20%20index_picker%2C%0A%20%20%20%20mo%2C%0A%20%20%20%20symbols_df%3A%20%22pd.DataFrame%22%2C%0A%20%20%20%20trend_config_name_to_val_mapping%2C%0A)%3A%0A%20%20%20%20stock_name_to_val_mapping%20%3D%20%7B%0A%20%20%20%20%20%20%20%20d.get(%22display_name%22)%3A%20d.get(%22standard_symbol%22)%0A%20%20%20%20%20%20%20%20for%20d%20in%20symbols_df.to_dict(orient%3D%22records%22)%0A%20%20%20%20%20%20%20%20if%20d.get(%22standard_symbol%22)%0A%20%20%20%20%20%20%20%20in%20hk_indices_stocks_df%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20hk_indices_stocks_df%5B%22standard_index_symbol%22%5D%20%3D%3D%20index_picker.value%0A%20%20%20%20%20%20%20%20%5D%5B%22standard_stock_symbol%22%5D.values%0A%20%20%20%20%7D%0A%0A%0A%20%20%20%20symbols_picker%20%3D%20mo.ui.multiselect(%0A%20%20%20%20%20%20%20%20label%3D%22Pick%20Stocks%20to%20display%22%2C%0A%20%20%20%20%20%20%20%20value%3D%5Bk%20for%20k%2C%20v%20in%20stock_name_to_val_mapping.items()%5D%2C%0A%20%20%20%20%20%20%20%20options%3Dstock_name_to_val_mapping%2C%0A%20%20%20%20)%0A%0A%20%20%20%20%23%20select%202%20configs%20with%20largest%20contrast%0A%0A%20%20%20%20trend_config_left_picker%20%3D%20mo.ui.dropdown(%0A%20%20%20%20%20%20%20%20label%3D%22Left%20Trend%20Config%22%2C%0A%20%20%20%20%20%20%20%20value%3D%22From%202018-01-01%2000%3A00%3A00.000%20to%202025-05-02%2000%3A00%3A00.000%20with%20trigger%20ratio%200.7%22%2C%0A%20%20%20%20%20%20%20%20options%3Dtrend_config_name_to_val_mapping%2C%0A%20%20%20%20)%0A%0A%20%20%20%20trend_config_right_picker%20%3D%20mo.ui.dropdown(%0A%20%20%20%20%20%20%20%20label%3D%22Right%20Trend%20Config%22%2C%0A%20%20%20%20%20%20%20%20value%3D%22From%202018-01-01%2000%3A00%3A00.000%20to%202025-05-02%2000%3A00%3A00.000%20with%20trigger%20ratio%200.3%22%2C%0A%20%20%20%20%20%20%20%20options%3Dtrend_config_name_to_val_mapping%2C%0A%20%20%20%20)%0A%20%20%20%20return%20symbols_picker%2C%20trend_config_left_picker%2C%20trend_config_right_picker%0A%0A%0A%40app.cell%0Adef%20_(%0A%20%20%20%20List%2C%0A%20%20%20%20mo%2C%0A%20%20%20%20symbols_picker%2C%0A%20%20%20%20trend_config_left_picker%2C%0A%20%20%20%20trend_config_right_picker%2C%0A)%3A%0A%20%20%20%20def%20generate_trend_df(trend_config_id%3A%20str%2C%20symbols%3A%20List)%3A%0A%20%20%20%20%20%20%20%20return%20mo.sql(%0A%20%20%20%20%20%20%20%20%20%20%20%20f%22%22%22%0A%20%20%20%20%20%20%20%20select%20*%20%20from%20%20all_stock_trend%0A%20%20%20%20%20%20%20%20where%20standard_symbol%20in%20(%20%7B%22%2C%22.join(%5Bf%22'%7Bs%7D'%22%20for%20s%20in%20symbols%5D)%7D%20)%0A%20%20%20%20%20%20%20%20and%20%20config_id%20%3D%20'%7Btrend_config_id%7D'%0A%20%20%20%20%20%20%20%20order%20by%20standard_symbol%2C%20from_utc_datetime%0A%20%20%20%20%20%20%20%20%22%22%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20output%3DFalse%2C%0A%20%20%20%20%20%20%20%20)%0A%0A%20%20%20%20if%20symbols_picker.value%3A%0A%20%20%20%20%20%20%20%20part_2_message%20%3D%20'OK'%0A%0A%20%20%20%20%20%20%20%20left_trend_df%20%3D%20generate_trend_df(%0A%20%20%20%20%20%20%20%20%20%20%20%20trend_config_left_picker.value%2C%20symbols%3Dsymbols_picker.value%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20right_trend_df%20%3D%20generate_trend_df(%0A%20%20%20%20%20%20%20%20%20%20%20%20trend_config_right_picker.value%2C%20symbols%3Dsymbols_picker.value%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20else%3A%0A%20%20%20%20%20%20%20%20DEFAULT%20%3D%20%5B'SEHK%3A00001'%5D%0A%20%20%20%20%20%20%20%20part_2_message%20%3D%20f'WARNING%3A%20NO%20STOCKS%20ARE%20CHOSEN.%20DEFAULTED%20TO%20%7BDEFAULT%3D%7D'%0A%20%20%20%20%20%20%20%20left_trend_df%20%3D%20generate_trend_df(%0A%20%20%20%20%20%20%20%20%20%20%20%20trend_config_left_picker.value%2C%20symbols%3DDEFAULT%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20right_trend_df%20%3D%20generate_trend_df(%0A%20%20%20%20%20%20%20%20%20%20%20%20trend_config_right_picker.value%2C%20symbols%3DDEFAULT%0A%20%20%20%20%20%20%20%20)%0A%0A%0A%20%20%20%20return%20left_trend_df%2C%20part_2_message%2C%20right_trend_df%0A%0A%0A%40app.cell%0Adef%20_(%0A%20%20%20%20alt%2C%0A%20%20%20%20hk_indices_df%3A%20%22pd.DataFrame%22%2C%0A%20%20%20%20index_picker%2C%0A%20%20%20%20left_trend_df%2C%0A%20%20%20%20mo%2C%0A%20%20%20%20part_2_message%2C%0A%20%20%20%20pd%2C%0A%20%20%20%20reversed_trend_config_name_to_val_mapping%2C%0A%20%20%20%20right_trend_df%2C%0A%20%20%20%20symbols_picker%2C%0A%20%20%20%20trend_config_left_picker%2C%0A%20%20%20%20trend_config_right_picker%2C%0A)%3A%0A%20%20%20%20def%20generate_chart(trend_df%3A%20pd.DataFrame%2C%20config_display_name%3A%20str)%3A%0A%20%20%20%20%20%20%20%20%23%20Create%20the%20chart%0A%20%20%20%20%20%20%20%20main_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20alt.Chart(trend_df)%0A%20%20%20%20%20%20%20%20%20%20%20%20.mark_rect()%0A%20%20%20%20%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20x%3Dalt.X(%22from_utc_datetime%3AT%22%2C%20title%3D%22Date%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20x2%3D%22to_utc_datetime%3AT%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.Y(%22display_name%3AN%22%2C%20title%3D%22Symbol%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20tooltip%3Dlist(trend_df.columns)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3Dalt.Color(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22trend%3AN%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20scale%3Dalt.Scale(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20domain%3D%5B%22Up%22%2C%20%22Down%22%2C%20%22Flat%22%5D%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%20range%3D%5B%22green%22%2C%20%22red%22%2C%20%22gray%22%5D%2C%0A%20%20%20%20%20%20%20%20%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%20%20%20%20%20%20%20%20%20legend%3Dalt.Legend(title%3D%22Trend%22)%2C%0A%20%20%20%20%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%20)%0A%20%20%20%20%20%20%20%20)%0A%0A%20%20%20%20%20%20%20%20%23%20Create%20a%20DataFrame%20with%20Jan%201%20dates%20for%20each%20year%20in%20your%20data%0A%20%20%20%20%20%20%20%20min_year%20%3D%20trend_df%5B%22from_utc_datetime%22%5D.min().year%0A%20%20%20%20%20%20%20%20max_year%20%3D%20trend_df%5B%22to_utc_datetime%22%5D.max().year%0A%20%20%20%20%20%20%20%20jan1_dates%20%3D%20pd.DataFrame(%0A%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%22jan1_date%22%3A%20pd.to_datetime(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5Bf%22%7Byear%7D-01-01%22%20for%20year%20in%20range(min_year%2C%20max_year%20%2B%201)%5D%0A%20%20%20%20%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%7D%0A%20%20%20%20%20%20%20%20)%0A%0A%20%20%20%20%20%20%20%20%23%20Create%20the%20rule%20layer%20for%20Jan%201%20markers%0A%20%20%20%20%20%20%20%20jan1_rules%20%3D%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20alt.Chart(jan1_dates)%0A%20%20%20%20%20%20%20%20%20%20%20%20.mark_rule(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color%3D%22black%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20strokeDash%3D%5B5%2C%205%5D%2C%20%20%23%20Makes%20the%20line%20dashed%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20strokeWidth%3D1%2C%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.encode(x%3D%22jan1_date%3AT%22)%0A%20%20%20%20%20%20%20%20)%0A%0A%20%20%20%20%20%20%20%20%23%20Create%20the%20year%20labels%20layer%0A%20%20%20%20%20%20%20%20year_labels%20%3D%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20alt.Chart(jan1_dates)%0A%20%20%20%20%20%20%20%20%20%20%20%20.mark_text(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20align%3D%22left%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20baseline%3D%22top%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dx%3D5%2C%20%20%23%20Small%20horizontal%20offset%20from%20the%20line%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dy%3D5%2C%20%20%23%20Small%20vertical%20offset%20(positions%20above%20the%20chart)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fontSize%3D10%2C%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.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20x%3D%22jan1_date%3AT%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20text%3Dalt.Text(%22year(jan1_date)%3AN%22)%2C%20%20%23%20Extract%20just%20the%20year%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20y%3Dalt.value(0)%2C%20%20%23%20Position%20at%20top%20of%20chart%0A%20%20%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20)%0A%0A%20%20%20%20%20%20%20%20%23%20Combine%20the%20charts%0A%20%20%20%20%20%20%20%20final_chart%20%3D%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20(main_chart%20%2B%20jan1_rules%20%2B%20year_labels)%0A%20%20%20%20%20%20%20%20%20%20%20%20.configure_view(stroke%3D%22transparent%22)%0A%20%20%20%20%20%20%20%20%20%20%20%20.configure_axis(labelLimit%3D100)%0A%20%20%20%20%20%20%20%20%20%20%20%20.properties(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text%22%3A%20%5B%22Stock%20Trend%20Over%20Time%22%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22subtitle%22%3A%20%5Bconfig_display_name%5D%2C%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%20width%3D500%2C%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.interactive()%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20return%20final_chart%0A%0A%0A%20%20%20%20left_final_chart%20%3D%20generate_chart(%0A%20%20%20%20%20%20%20%20left_trend_df%2C%0A%20%20%20%20%20%20%20%20config_display_name%3Dreversed_trend_config_name_to_val_mapping.get(%0A%20%20%20%20%20%20%20%20%20%20%20%20trend_config_left_picker.value%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20)%0A%20%20%20%20right_final_chart%20%3D%20generate_chart(%0A%20%20%20%20%20%20%20%20right_trend_df%2C%0A%20%20%20%20%20%20%20%20config_display_name%3Dreversed_trend_config_name_to_val_mapping.get(%0A%20%20%20%20%20%20%20%20%20%20%20%20trend_config_right_picker.value%0A%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20)%0A%0A%0A%20%20%20%20mo.vstack(%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%23%23%20PART%20II%3A%20How%20do%20HK%20stocks%20trend%20(By%20Index)%3F%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%23%23%23%23%20Side%20by%20side%20comparison%20with%202%20different%20configurations%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.md(%20%20%20%20f%22%22%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%2F%20admonition%20%7C%20Part%20II%20Viz%20Status%3A%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bpart_2_message%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%22)%2C%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.hstack(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20index_picker%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20symbols_picker%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20justify%3D%22center%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%20mo.ui.table(hk_indices_df)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.hstack(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5Btrend_config_left_picker%2C%20trend_config_right_picker%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20justify%3D%22center%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%20mo.hstack(%5Bleft_final_chart%2C%20right_final_chart%5D)%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%20mo.md(%0A%20%20%20%20%20%20%20%20r%22%22%22%0A%20%20%20%20%23%20Observations%0A%0A%20%20%20%20%23%23%20Contrasting%20Graph%20with%20Trigger%20Ratio%20%3D%200.3%20(Smaller%20Ratio%20Graph)%20and%20Trigger%20Ratio%20%3D%200.7%20(Larger%20Ratio%20Graph)%0A%0A%20%20%20%20-%20Smaller%20Ratio%20Graph%20has%20more%20UPs%20and%20DOWNs%20than%20Larger%20Ratio%20Graph.%0A%20%20%20%20-%20A%20prolonged%20period%20of%20UP%2FDOWN%20in%20Larger%20Ratio%20Graph%20tends%20to%20be%20broken%20down%20into%20smaller%20pieces%20of%20UP%2FDOWNs%20in%20Smaller%20Ratio%20Graph.%0A%20%20%20%20-%20Larger%20Ratio%20Graph%20tends%20to%20have%20more%20periods%20of%20FLAT.%20Reason%20is%20that%20it%20takes%20a%20more%20significant%20price%20change%20in%20large%20ratio%20graph%20in%20order%20for%20a%20period%20to%20be%20classifed%20as%20UP%2FDOWN.%0A%20%20%20%20%22%22%22%0A%20%20%20%20)%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