Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter Plot ICE-7

Public visualization

Viewing a saved revision (read-only)

f0c681edd65e46aca3dc0a3cf1e106ff

Reusable Scatter Plot ICE-7

0 stars2🌍 Public
Aasowmyasri15@gmail.com
Last edited Apr 1, 2025
Created on Mar 27, 2025

This interactive scatter plot visualizes the distribution of various products across different days of the week using a dropdown selector to switch between Monday and Sunday. Built with D3.js v7 and React, it displays data points as circles positioned along a categorical x-axis and a linear y-axis, with tooltips revealing exact product values on hover. The visualization loads CSV data from a GitHub Gist and animates transitions between days using D3's transition methods, while the SVG chart is accompanied by a decorative scene featuring a Buddha, tree, and moving clouds.

AI-generated description

This project is a D3.js- based interactive scatter plot that visualizes the distribution of various products across different days of the weeek. Features: Dynamic scatter plot: Visualizes product distribution values for any selected day. Day selector: Switch between Monday to Sunday to update the plot. Tooltips: Hover over each data point to see exact values and product names. Reusable design: Easily extensible for new datasets or attributes.