31:T4e4,function displayRecommendedProducts(recommendedProducts) { return recommendedProducts.map(product => `

${product["Brand"]} - ${product["Product Name"]}

Price: ${product["Price"]}

Rating: ${product["Rating"]}

Description: ${product["Description"]}

Health Facts: ${product["Health Facts"] || ""}

Highlights: ${product["Highlights"] || ""}

Ingredients: ${product["Product Ingredients"]}

`).join(""); } 32:[{"id":"5ce7d20bd5637632f811fd4604e77e21897494ffb265ae43886f97eaa973924dbf1afd96ea0cf6cd9a1f902db95e74b7fa5e9f8bc262e8eb65a45fc3c00d9c14","href":"https://static.observableusercontent.com/files/5ce7d20bd5637632f811fd4604e77e21897494ffb265ae43886f97eaa973924dbf1afd96ea0cf6cd9a1f902db95e74b7fa5e9f8bc262e8eb65a45fc3c00d9c14","name":"corrected_final_data_v2.json","type":"application/json","lastModified":1722878605742.159,"size":3447482},{"id":"60ed78c2ddfff4c10aa368c8d5725ffbea0cdb2b7a4c387f7f6583ebb23d13203f407ff7b12a2c4cae0493a3bd6cb9965b8dee8e7a9ddb53dcca00ff1286e5a0","href":"https://static.observableusercontent.com/files/60ed78c2ddfff4c10aa368c8d5725ffbea0cdb2b7a4c387f7f6583ebb23d13203f407ff7b12a2c4cae0493a3bd6cb9965b8dee8e7a9ddb53dcca00ff1286e5a0","name":"Combined_Recommendations.json","type":"application/json","lastModified":1722883297327.291,"size":271825}] 2f:{"title":"Hair Product Recommender System","cells":[{"id":4,"value":"# Hair Product Recommender System\n\nThe Hair Product Recommender System is a tool designed to assist users in discovering new hair care products that closely match their preferences. It focuses on those who already have a favorite product but are eager to explore similar options that could equally benefit their hair care routine. The system recommends the top 10 products based on the product type and ingredients, utilizing a method known as cosine similarity.","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"data = FileAttachment(\"corrected_final_data_v2.json\").json({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"// Search input for filtering by product brand or name\nviewof searchInput = Inputs.search(data, {\n placeholder: \"Search by Brand or Product Name\"\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"// Function to handle selection and return the product ID\nfunction handleSelection(selectedItem) {\n // Assuming the structure includes a Product ID field\n return selectedItem ? `Selected Product ID: ${selectedItem[\"Product ID\"]}` : \"No product selected\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"// Function to display selected product details\nfunction displayProductDetails(product) {\n if (!product) {\n return \"Please select a product to view details.\";\n } else {\n const healthFacts = product[\"Health Facts\"] || \"\";\n const highlights = product[\"Highlights\"] || \"\";\n return `\n

\n $\"Product$ \n

${product[\"Brand\"]} - ${product[\"Product Name\"]}

Price: ${product[\"Price\"]}

Rating: ${product[\"Rating\"]} (${product[\"Number of Ratings\"]} ratings)

Description: ${product[\"Description\"]}

Health Facts: ${healthFacts}

Highlights: ${highlights}

Ingredients: ${product[\"Product Ingredients\"]}

\n `;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"allRecommendations = FileAttachment(\"Combined_Recommendations.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"function getRecommendations(selectedProduct) {\n if (!selectedProduct) {\n return [];\n }\n const recommendations = allRecommendations.find(r => r[\"Product ID\"] === selectedProduct[\"Product ID\"]);\n return recommendations ? recommendations.Recommendations.map(id => data.find(p => p[\"Product ID\"] === id)) : [];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"# Hair Product Recommendations Based on Your Favorite Product","pinned":false,"hidden":false,"mode":"md"},{"id":132,"value":"*Type in a brand or product name to search for your desired item.*","pinned":false,"hidden":false,"mode":"md"},{"id":43,"value":"html`\n\n

\n ${viewof searchInput}\n

\n`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"*Select item on the left hand side of the table.*","pinned":false,"hidden":false,"mode":"md"},{"id":18,"value":"// Observable table to display results with specified columns and handling selection\nviewof selectedProduct = Inputs.table(searchInput, {\n columns: [\"Product ID\", \"Brand\", \"Product Name\", \"Price\", \"Rating\", \"Number of Ratings\", \"Link\", \"Product Type\", \"Description\", \"Health Facts\", \"Highlights\", \"Product Ingredients\"],\n format: {\n \"Price\": d => d, // Formatting prices to standard currency format\n \"Rating\": d3.format(\".1f\"), // One decimal place for ratings\n \"Number of Ratings\": d3.format(\",\") // Comma for thousands\n },\n multiple: false, // Allows only one selection\n value: handleSelection // Function called on selection\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"## Your Favorite Product:","pinned":false,"hidden":false,"mode":"md"},{"id":31,"value":"html`${displayProductDetails(selectedProduct)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"## Based on your chosen product, these are the top 10 products for you:\n\n*Click on the product brand and name to visit the actual product page!*","pinned":false,"hidden":false,"mode":"md"},{"id":62,"value":"viewof recommendedProductsDisplay = html`\n

\n ${selectedProduct \n ? displayRecommendedProducts(getRecommendations(selectedProduct)) \n : \"

Please select a product to view recommendations.

\"\n }\n

\n`;\n","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}