This thesis describes the development process for the Mercadini Web Visualization Tool by using popular and well-documented technologies. They are D3 library written in JavaScript and used for the data visualization, Angular framework built entirely in TypeScript and used for making the application, and Firebase Hosting used to make the application available online. Each of them is explained in detail in the thesis together with the Mercadini technique that is used for finding the best food and wine combination. The Mercadini Web Visualization Tool is a Progressive Web Application and contains an interactive Mercadini graph for entering the food and wine sensations based on which the corresponding pairing quality is calculated. To receive the pairing quality, a connection with a proprietary ESTECO API was required. The application can be exported to PNG or PDF and shared on social media such as Facebook, WhatsApp, and LinkedIn. It also contains a desktop and a mobile version that make it easier and more convenient for users to use. The application is primarily intended for sommeliers who deal with pairing food and wine, but also for other people since the pairing process is simplified by this application.