https://haolunhung.com Lun Hung Sun, 12 Oct 2025 20:12:47 +0000 https://haolunhung.com en https://haolunhung.com/Index Wed, 19 Jul 2023 05:09:38 +0000 Lun Hung https://haolunhung.com/Index A front-end developer specializing in data visualization on housing, media trends, and transportation issues, is passionate about crafting captivating an interactive websites https://haolunhung.com/NYC-Urban-Heat-Portal Sun, 12 Oct 2025 20:12:47 +0000 Lun Hung https://haolunhung.com/NYC-Urban-Heat-Portal NYC Urban Heat PortalEnvironmental Factors Shape Outdoor Heat Exposure INTERACTIVE WEBSITE The NYC Urban Heat Portal maps and visualizes multiple temperature indicators to reveal neighborhood-level heat exposure patterns and provide actionable insights.To assess the overall risk of outdoor heat exposure across New York City, the Outdoor Heat Exposure Index integrates several environmental factors — including mean radiant temperature, surface temperature, cool roof coverage, tree canopy, and permeable surfaces. Users can also explore daily weather station data from summer months (2013–2023) to compare locations by the number of days each year that meet extreme heat advisory conditions. 2025 Data Visualization Ashley Louie, Director, Data Visualization Design,Hao Lun Hung, Web Development, Data Visualization DesignHailee Hoa Luong, User Interface DesignZhi Keng He, Back End DevelopmentMehdi Heris, Data Engineer Andrew Kittredge, Data Engineer <img width="3456" height="1916" width_o="3456" height_o="1916" data-src="https://freight.cargo.site/t/original/i/1d6a052dff041d157604e218847be12834261b1e330c80f0a3fcec8a08c8755c/-2025-10-12-9.54.05.png" data-mid="239306441" border="0" src="https://freight.cargo.site/w/1000/i/1d6a052dff041d157604e218847be12834261b1e330c80f0a3fcec8a08c8755c/-2025-10-12-9.54.05.png" /><img width="3456" height="1914" width_o="3456" height_o="1914" data-src="https://freight.cargo.site/t/original/i/e21a30421fa548d95df492bd97d2e961f83e1992a7ad4866d64a5b2e1d9f3c2a/-2025-10-12-9.53.32.png" data-mid="239306440" border="0" src="https://freight.cargo.site/w/1000/i/e21a30421fa548d95df492bd97d2e961f83e1992a7ad4866d64a5b2e1d9f3c2a/-2025-10-12-9.53.32.png" /><img width="3456" height="1916" width_o="3456" height_o="1916" data-src="https://freight.cargo.site/t/original/i/38a25f8f15aea3f394380013376f6720f4f5b4a3018a474ef15c09ed0197bd32/-2025-10-12-9.55.07.png" data-mid="239306442" border="0" src="https://freight.cargo.site/w/1000/i/38a25f8f15aea3f394380013376f6720f4f5b4a3018a474ef15c09ed0197bd32/-2025-10-12-9.55.07.png" /> https://haolunhung.com/Night-Moves Tue, 04 Feb 2025 20:08:29 +0000 Lun Hung https://haolunhung.com/Night-Moves Night MovesPost-party Mobility Challenges in NYC INTERACTIVE WEBSITE Navigating New York City at night can be challenging, especially for young residents. The limited frequency and routes of the subway during late hours make it a less practical option for those heading home after dark. Taxis often become the necessary choice for safe, direct travel. This dashboard analyzes night taxi ridership to pinpoint regions with the highest demand, highlighting areas that should be prioritized for new, affordable mobility solutions. By comparing the time differences between taxi use and the late-night subway service, it identifies opportunities to enhance nighttime safety and accessibility for young city dwellers. 2025 Data Visualization Hao Che Hung, Data Visualization Design, Hao Lun Hung, Web Development, Data Visualization Development <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/f35388bb102cf858feeac3115bbabc85a3fb4ba8dc38436963014ecd34ecc974/night-moves-01.gif" data-mid="226009331" border="0" src="https://freight.cargo.site/w/1000/i/f35388bb102cf858feeac3115bbabc85a3fb4ba8dc38436963014ecd34ecc974/night-moves-01.gif" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/c098cc30ec75057a6339064608e484638b8a36b194b9703e029933cadcfc701e/night_moves_03.png" data-mid="226009328" border="0" src="https://freight.cargo.site/w/1000/i/c098cc30ec75057a6339064608e484638b8a36b194b9703e029933cadcfc701e/night_moves_03.png" /> https://haolunhung.com/Floodgen Tue, 28 May 2024 19:54:48 +0000 Lun Hung https://haolunhung.com/Floodgen FloodgenFlood Adovcay Mapping Tool INTERACTIVE WEBSITE FloodGen is a flood advocacy tool that uses generative AI to visualize photorealistic images of potential flood scenarios. Positioned as an advocacy tool that reaches beyond the limits of traditional aerial maps, FloodGen is designed to raise awareness, support community preparedness, and support local government’s resilience strategies. 2024 Data Visualization Ashley Louie, Director, Data Visualization Design, Hao Lun Hung, Web Development, Data Visualization Design Erik Brown, Data Analysis Hailee Hoa Luong, User Interface Design <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/10d5cfa1aa684fe59515766acf4c345cded07720d3d2e489470521bd61fe6773/floodgen_part_three.gif" data-mid="211842851" border="0" src="https://freight.cargo.site/w/1000/i/10d5cfa1aa684fe59515766acf4c345cded07720d3d2e489470521bd61fe6773/floodgen_part_three.gif" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/055edbf938fa66fcde54300d2016b90184c4336badcf15fd364e71e2065a6425/floodgen_part_four.gif" data-mid="211842904" border="0" src="https://freight.cargo.site/w/1000/i/055edbf938fa66fcde54300d2016b90184c4336badcf15fd364e71e2065a6425/floodgen_part_four.gif" /> https://haolunhung.com/Housing-Courts-Must-Change Fri, 15 Dec 2023 22:52:19 +0000 Lun Hung https://haolunhung.com/Housing-Courts-Must-Change Housing Courts Must Change!NY State Right to Counsel Map for HCMC Support INTERACTIVE WEBSITE Housing Courts Must Change! (HCMC) is a statewide campaign launched by the Right to Counsel NYC Coalition in 2020 to transform the courts across New York State (NYS) from an “eviction machine” to a place that holds landlords accountable, upholds tenants’ rights, and enables tenants to remain in their homes. NYS legislative support for the HCMC campaign platform is shown on the map through Senate and Assembly districts. The HCMC campaign focuses on our legislative demands 2023 Data Visualization Ashley Louie, Director, Data Visualization Design, Hao Lun Hung, Web Development, Data Visualization Design Erik Brown, Data Analysis Hailee Hoa Luong, User Interface Design <img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/76d668e6f2ddf281217f5ae39396a9a769577eebc0b30818b7738dcc79bbf43c/RTC_one.gif" data-mid="202124017" border="0" src="https://freight.cargo.site/w/1000/i/76d668e6f2ddf281217f5ae39396a9a769577eebc0b30818b7738dcc79bbf43c/RTC_one.gif" /><img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/0f2f9414dc077938cfded175ccc336903ceffa2226f11b193e840c267aff3300/RTC-two.gif" data-mid="202125265" border="0" src="https://freight.cargo.site/w/1000/i/0f2f9414dc077938cfded175ccc336903ceffa2226f11b193e840c267aff3300/RTC-two.gif" /><img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/cb5ec662ce8c81827fef91cc056626303164d89c62e37da1b2af22f5420a088f/RTC-three.gif" data-mid="202124442" border="0" src="https://freight.cargo.site/w/1000/i/cb5ec662ce8c81827fef91cc056626303164d89c62e37da1b2af22f5420a088f/RTC-three.gif" /><img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/24bc1d2bf16b6b18d4ff6ff1c1ee35f8f311045a450de8593bc9143db4b9b274/RTC-four.gif" data-mid="202124458" border="0" src="https://freight.cargo.site/w/1000/i/24bc1d2bf16b6b18d4ff6ff1c1ee35f8f311045a450de8593bc9143db4b9b274/RTC-four.gif" /> https://haolunhung.com/Louisiana-Locked-Up Tue, 18 Jul 2023 18:04:38 +0000 Lun Hung https://haolunhung.com/Louisiana-Locked-Up Louisiana Locked UpA Problem in Every Parish INTERACTIVE WEBSITE Louisiana’s 64 parishes range from bustling cities to vast rural stretches, from the parks and preserves of the north to the swamps and marshes of the gulf. Yet, they all share one defining characteristic: a stake in the state’s vast network of jails, prisons, and juvenile detention facilities.The prevalence of incarceration in Louisiana is hard to see in many places due to an alarming lack of transparency and data, as well as a convoluted carceral landscape where local jails also function as prisons. But parish- and state-level research by the Vera Institute of Justice brings much-needed clarity to this picture. Vera’s datahub provides illuminating access to parish-level data on arrests, pretrial detention, incarceration, and local spending on the criminal legal system. Together, these data points create a detailed—and highly damning—picture of mass incarceration in Louisiana. 2022 Data Visualization Jill Hubley, Visualization Design, Visualization Development Hao Lun Hung, Visualization Design, Visualization Development Christian Henrichson, Data Analysis, Writing Sara Lanclos, Data Analysis Selina Ho, Data Analysis Sam Raim, Writing Will Snowden, Writing Kim Mosby, Writing Léon Digard, Editing <img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/81397f0d5675ba2f3ec96367626e5a02098546440e19f2428fd7556811f5eef6/file.gif" data-mid="185445095" border="0" src="https://freight.cargo.site/w/1000/i/81397f0d5675ba2f3ec96367626e5a02098546440e19f2428fd7556811f5eef6/file.gif" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/2896ef167a31761a7536aa25da4d69488930acffb2da0ea473411dba9b0637dc/img03.png" data-mid="185445141" border="0" src="https://freight.cargo.site/w/1000/i/2896ef167a31761a7536aa25da4d69488930acffb2da0ea473411dba9b0637dc/img03.png" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/74e609acfe41ef026c3a7d4cd8c9306a46b41a83c285c79544cb71e972b8c367/img04.png" data-mid="185445153" border="0" src="https://freight.cargo.site/w/1000/i/74e609acfe41ef026c3a7d4cd8c9306a46b41a83c285c79544cb71e972b8c367/img04.png" /> https://haolunhung.com/California-Incarceration-Trends Tue, 18 Jul 2023 18:04:38 +0000 Lun Hung https://haolunhung.com/California-Incarceration-Trends California Incarceration TrendsA Problem in Every Parish INTERACTIVE WEBSITE The project was designed to visualize the picture of incarceration trends in California. The perpectives include jail and prison, women, and racial disparities. Also, users can deep down to counties levels to look through the circumstances of local incarceration. Through exploring how incarcerationvaries across California with different angles, users are able to examine how the jails have been used over time. 2022 Data Visualization Jill Hubley, Visualization Design, Visualization Development Hao Lun Hung, Visualization Design, Visualization Development Christian Henrichson, Data Analysis Sara Lanclos, Data Analysis Selina Ho, Data Analysis Christopher Kaiser-Nyman, Data Analysis, Writing Brandon Sixto, Data Analysis, Writing Michelle Parris, Writing Sam Raim, Editing Léon Digard, Editing <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/f9623debad891da67ddde3d23458b363eee0267864e69ca8bd24c44e21bd6c86/cover.png" data-mid="185446225" border="0" src="https://freight.cargo.site/w/1000/i/f9623debad891da67ddde3d23458b363eee0267864e69ca8bd24c44e21bd6c86/cover.png" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/20449111cdb73e14c264a2e8fafd7924ee7e784d00132e8d7371643d161dcaa0/img01.png" data-mid="185446226" border="0" src="https://freight.cargo.site/w/1000/i/20449111cdb73e14c264a2e8fafd7924ee7e784d00132e8d7371643d161dcaa0/img01.png" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/2e7e5ea5246e5a45f46a9c79e44d68b6836c26e34ae4c2715925fcedca27a9ba/img02.png" data-mid="185446229" border="0" src="https://freight.cargo.site/w/1000/i/2e7e5ea5246e5a45f46a9c79e44d68b6836c26e34ae4c2715925fcedca27a9ba/img02.png" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/df9f0955c4bba09c7af1ccec584947106694a2e5fd022af962b3950aa265dd58/img03.png" data-mid="185446230" border="0" src="https://freight.cargo.site/w/1000/i/df9f0955c4bba09c7af1ccec584947106694a2e5fd022af962b3950aa265dd58/img03.png" /> https://haolunhung.com/Post-Millennium-Soundscape Tue, 18 Jul 2023 18:04:39 +0000 Lun Hung https://haolunhung.com/Post-Millennium-Soundscape Post Millennium SoundscapeVisualizing the Music Trends of the 21th Century Music is becoming chaos in the post-modern era. There needs to be a clear mainstream genre of music. Instead, it is all about combinations of different kinds of music. Moreover, Not only are the genres and definitions of music blurring but due to the evolution of technology, the methodologies of getting attached to music are also meeting dramatic changes. As a listener living in this era, how can we describe or even define the music, what is the 21st Century soundscape actually look like? Based on genre, geography, and rating perspectives, the project aims to better understand the music scene in the modern era. 2023 Data Visualization Hao Lun Hung, Visualization Design, Visualization Development <img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/763f449700fcaf4e1b03c3c2565b3461aa639de42383caf52a277c12b1fb1d29/music-trends-03.gif" data-mid="188443768" border="0" src="https://freight.cargo.site/w/1000/i/763f449700fcaf4e1b03c3c2565b3461aa639de42383caf52a277c12b1fb1d29/music-trends-03.gif" /><img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/354989eea25937d85abb478b42f36cc1c8af362a39227899207795ffaf606dfe/music-trends-04.gif" data-mid="188443765" border="0" src="https://freight.cargo.site/w/1000/i/354989eea25937d85abb478b42f36cc1c8af362a39227899207795ffaf606dfe/music-trends-04.gif" /><img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/dc62f58ec19b1054f0c18c1d2c2612786072c6ce53697b31eddf0f24b68c8ede/music-trends-05.gif" data-mid="188443762" border="0" src="https://freight.cargo.site/w/1000/i/dc62f58ec19b1054f0c18c1d2c2612786072c6ce53697b31eddf0f24b68c8ede/music-trends-05.gif" /> https://haolunhung.com/Language-Placing-Gender-Equality Tue, 18 Jul 2023 18:04:39 +0000 Lun Hung https://haolunhung.com/Language-Placing-Gender-Equality Language Gender EqualityUN Women online lexicon on the use of gender-inclusive language INTERACTIVE WEBSITE Knowing the importance of how language could be used to fight for gender equality, the UN woman creates a gender-inclusive lexicon that includes 650 terms to promote a gender-friendly context and environment. Being interested in the idea and word database, I tempted to convert the static lexicon to interactive infographics in order to let users be able to search or learn the words effecitvely. The project is divided into three sections. The first one is for checking the terms which are categorized by the alphabet. The second part is creating the search area, so users can take the initiative to check if the words are included in the lexicon. The last part is to examin how many gender-friendly terms are inside thearticles, paragraphs, and speeches, so we can know how these terms are being used in certain kinds of contexts. 2022 Data Visualization Hao Lun Hung, Visualization Design, Visualization Development <img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/247fc11e425bcbbd19a9fe392d2d7d1a85f84b9abb42e874203c5835806c0889/img01-gender-.gif" data-mid="185447905" border="0" src="https://freight.cargo.site/w/1000/i/247fc11e425bcbbd19a9fe392d2d7d1a85f84b9abb42e874203c5835806c0889/img01-gender-.gif" /><img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/16ebd64a0876bbbbcf4410061e874cb630f1c0c31a7838b6683e69b6bf960015/img02-gender.gif" data-mid="185447912" border="0" src="https://freight.cargo.site/w/1000/i/16ebd64a0876bbbbcf4410061e874cb630f1c0c31a7838b6683e69b6bf960015/img02-gender.gif" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/cacd196f626e66b26468c5921da6779916707f393fb4bf520762a576d9123f41/img03_gender.png" data-mid="185447915" border="0" src="https://freight.cargo.site/w/1000/i/cacd196f626e66b26468c5921da6779916707f393fb4bf520762a576d9123f41/img03_gender.png" /> https://haolunhung.com/Data-Station-Competition Tue, 18 Jul 2023 18:04:39 +0000 Lun Hung https://haolunhung.com/Data-Station-Competition Data Station CompetitionAnalytics of shipping area trend and target audience visualization tool INTERACTIVE WEBSITE COVID-19 has seriously impacted the Ximen shopping district. To help the district weather the storm, the team built up the solution by clarifying the current situation and developing the mapping visualization and commercial strategy suggestion. Based on the data of open resources, geography POI, and data from mobile devices, we built the interactive mapping website as an analytic tool for communicating with the public and commercial groups. Hoping this tool could assist the district or community to develop a more precise marketing plan in order to have a more thorough preparation in the post-pandemic era. 2022 Data Visualization Hao Che Hung, Project Lead, Researcher Yu Ming Wu, Researcher, Editing Hao Lun Hung, Visualization Design, Visualization Development <img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/90afe6caa70d336f28c4da82499d9c643a18ccc3f2014291635f60bc58084a7d/img01-ximen.gif" data-mid="185447950" border="0" src="https://freight.cargo.site/w/1000/i/90afe6caa70d336f28c4da82499d9c643a18ccc3f2014291635f60bc58084a7d/img01-ximen.gif" /><img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/6eff0f90b45f6982a827eec3816780aa6a6f7a1338bd08b6cb32c9872bf8c00d/img02-ximen.gif" data-mid="185540101" border="0" src="https://freight.cargo.site/w/1000/i/6eff0f90b45f6982a827eec3816780aa6a6f7a1338bd08b6cb32c9872bf8c00d/img02-ximen.gif" />