Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cosmetic Area Chart

Public visualization

Viewing a saved revision (read-only)

4f17c73ff30e44cfa11e179aa8e5c3ae

Cosmetic Area Chart

0 stars0🌍 Public
Ddeepthiv.4706@gmail.com
Last edited Apr 2, 2025
Created on Apr 2, 2025

This visualization shows how the prices of cosmetic products vary across a dataset, using a filled area chart where the x-axis represents the index of products and the y-axis displays price in USD. The blue, semi-transparent area emphasizes the overall price range and distribution across the product list. Built with D3.js v7, the code loads CSV data from a GitHub gist, parses the Price field, and constructs linear scales for both axes. It renders the area using the `d3.area()` generator into an SVG path, with labeled axes and a heading.

AI-generated description