Posts

What I Worked on at Capital One

Image
  During my time at Capital One, I worked primarily on frontend development for Autodriven and Muse , focusing on customer-facing features, application state, and cross-application experiences. CTA Combination Implemented CTA (Call-to-Action) combinations based on experiment configurations and dealer types, allowing different user experiences to be presented under different business scenarios. Buyer Context Sharing in Autodriven Implemented mechanisms for sharing and preserving buyer context within Autodriven, allowing relevant user information and state to remain available throughout the workflow. Muse → Autodriven Context Sharing Worked on context sharing between Muse and Autodriven , allowing information from one application to be carried into another and supporting a more seamless cross-application user experience. Search Filter Persistence Implemented search filter persistence , allowing users to retain their selected search criteria when navigating through the appl...

Data Visualizations in chord chart of Vega

Image
Link of works https://brainspace.revealdata.com/about Chord chart was a project for my client,  it mainly shows the nodes and ribbons which are used to connect nodes,  and ribbons on hovering shows the data flow animation with directions on it. Nodes can be expanded. Loading and data flowing Expanding

Underlay Image Upload of Floorplan on Houzz

Image
Link           https://pro.houzz.com/manage/floorplans Abstract          Underlay image can be used as a reference in floor plan design.  Suppose the user has a pdf or image and they want to create the same design in Houzz website, they could use this feature to draw the walls, add windows, doors and furnitures.  With this design added,  they could view the plan in 2d or 3d.  At the same,  they can also leverage all the features of Houzz floor plan to see the measurements,  to apply different style to the walls and floors, and add all the furnitures from Houzz marketplace.          This was the biggest project I did in Houzz,  besides designers and project managers,  I also need to work with backend engineers to make sure the connection between frontend and backend be conducted well. Backend is using websocket to notify the front end about info of the uploaded image,...

Measurement Tool of Floor Plan on Houzz

Image
Link https://pro.houzz.com/manage/floorplans Abstract        The measurement tool is basically the ruler on the canvas to measure the distance between objects,  objects include the walls,  windows,  doors, furnitures and other rulers. Snapping is ensured during the interaction so the measurement could be accrurately reflect the design ideas.                Measurement tool was my first major project in Houzz.  From this project,  I could learn the whole process of implementing a new majoy feature. By finishing this project,  I learned how to define a new object and update the object with our engine code. At the same I learned how to update the objects data between ui and engine,  so every change on the ui will update the object on the canvas and change on the canvas will change the display content of ui. I also learned how to define the frontend object in backend,  so the date could ...

Simulation of Water flowing and interaction

Image
Paper Link           Google Drive link Abstract           SPH scheme and GPU-accelerated method are combined to construct particle model of fluid for gaining realistic model of flowing water interacting to complex terrain in virtual environment. Furthermore, coordinate information of particles are accessed and isosurface model of fluid is constructed by combining metaballs model and marching cubes method for rendering of flowing water. Terrain model is constructed based on DEM data. Terrain data are extracted and displayed by boundary particles. Real-time rendering of flowing water interacting to complex terrain in virtual environment is implemented. Works SPH method to build the physics model Accelerating rendering by GPU parallel computing Metaball to get the formulate of the water surface Marching cube to build the surface of water Contructi terrain model based on DEM data Results           ...