Track user behavior and discover which features to prioritize on your website.
David Ko created a feature on his group's e-commerce site to allow for persisting visitor click data, links where visitors came to your site from, and scroll data to a database. Using CSS, Express.js, Sequelize, React.js, and d3.js, David was able to allow for these visualizations to be rendered as a component overlaying the sites pages directly.
A scatterplot was used to display the raw click data, along with a toolbox for filtering clicks by the site of origin. This data was aggregated to create a heatmap, and a similar approach was taken to create the scroll map.
To view the source code, be sure to visit: https://github.com/daveyko/heat
Project Members: David Ko