Skip to main content
SimilarExport ZIP
100%

Latha Bemanadham 11714828 scatter plot

✓ Published0🌍 Public
Llathabemanadham@my.unt.edu
Last edited Apr 2, 2025
Created on Apr 2, 2025

This interactive scatter plot visualizes product distribution across different days of the week, with a dropdown menu allowing users to switch between days. The chart uses D3.js (v7) to render SVG circles positioned on a band scale for products and a linear scale for values, with smooth transitions animating position updates. Hovering over a circle enlarges it and displays a tooltip with the product name and value. The data is loaded from a CSV file hosted in a GitHub Gist.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Reusable Scatter Plot ICE-7

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.

Aasowmyasri15@gmail.com
85% match
Loading thumbnail…

ICE-6-SCATTER PLOT.

This scatter plot visualizes product sales by comparing Monday sales against Tuesday sales for individual products. The visualization is built with React and D3.js, rendering as an SVG with animated clouds and a meditative Buddha scene in the background. Using d3.csv, it loads data from a GitHub Gist and employs d3.scaleLinear, d3.extent, and d3.axisBottom/axisLeft to construct axes. Interactive tooltips provide product details on hover, while click events toggle point selection, changing the fill color to orangered. The chart uses a white background with a subtle shadow.

Aasowmyasri15@gmail.com
80% match
Loading thumbnail…

scatter plot

This scatter plot displays product sales versus profit, with each circle representing a product and colored by category (Electronics, Clothing, or Food). The D3.js v7 code uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring, and SVG circles to render data points. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, with text labels for Sales and Profit. The static dataset is embedded in JavaScript and passed to a render function that clears and redraws the chart.

CChindamrohan321@gmail.com
74% match
Loading thumbnail…

Reusable D3 Scatter

This example presents a reusable scatter plot that visualizes retail sales data from a supermarket dataset. The plot animates by cycling between two variables—Quantity and Price—on the x-axis every four seconds, while the y-axis remains Price. Data points are colored by product category (blue for Clothing, purple for Gadgets, orange for Appliances). Built using D3 v6, it leverages scaleLinear, axisLeft, axisBottom, and csv loading, with SVG circles for rendering and a setInterval-driven animation.

Pprashanth yamala
73% match
Loading thumbnail…

resuable scatter plot

This interactive scatter plot visualizes supermarket sales data, plotting Quantity on the x-axis and Price on the y-axis, with points colored by product list category. It demonstrates a reusable chart pattern, using d3.csv to load the dataset and d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to render axes. An animated loop using setInterval toggles the x-value mapping between Quantity and Price every two seconds, redrawing the chart with smooth SVG transitions. The code follows the “Towards Reusable Charts” methodology, exposing configuration methods like .width, .height, .data, and .radius for flexible customization.

Pprashanth yamala
73% match
Loading thumbnail…

Fork of Latha Bemanadham scatter plot

A scatter plot uses D3.js v7 to visualize the relationship between temperature and humidity from a plant growth CSV dataset. The HTML page displays an SVG chart with green circular dots, each positioned by temperature on the x-axis and humidity on the y-axis, with axis labels and hover tooltips showing exact values. The visualization employs `d3.csv` to load data, `d3.scaleLinear` and `d3.extent` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and CSS transitions for hover effects.

Nnagasuryaharsha999@gmail.com
73% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This scatter plot displays monthly sales figures across six retail categories, with each circle’s horizontal position encoding the month, vertical position encoding sales amount, and color distinguishing product types. The visualization uses a reusable custom D3 module that employs `scaleOrdinal` for the categorical x-axis and legend colors, `scaleLinear` for the sales axis, and `axisLeft`/`axisBottom` for tick labels. The SVG output is generated from hardcoded data via the provided `index.js` and `scatterPlot.js` files.

UUday Kiran
72% match
Loading thumbnail…

Activtiy-6-q3

This scatter plot visualizes product details, with each point representing a product’s width and length, colored by category (smart devices, home furnishings, or kitchen appliances). The chart uses D3 v7’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, position marks, and render axes in an SVG. Product dimensions are parsed from a GitHub-hosted CSV file, and points are drawn as circles with a fixed radius, while axis labels are styled green.

Sswapnadabburi@my.unt.edu
72% match