Activity6_Question-3

Activity6_question3

This interactive scatter plot visualizes a car dataset, with each point representing a vehicle plotted by its Total Sales and Product. The chart, rendered as an SVG, uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to map data to position and color. A legend identifies the product categories via color. The visualization is loaded from a remote CSV file and fills the browser window, with axes labeled "Highway MPG" and "Horsepower."

Activity6_Question3

This example shows quarterly sales trends for five product categories (Electronics, Furniture, Clothing, Toys, Books) as a scatter plot with color-coded circles. The visualization uses d3.csv to load data from data.csv, then applies d3.scalePoint for the quarter axis and d3.scaleLinear for sales values, with d3.scaleOrdinal and d3.schemeCategory10 for color mapping. Circles are appended for each category per quarter, while axis labels and a legend are generated using d3.axisBottom, d3.axisLeft, and d3.select. The SVG rendering uses D3 v7 within a React project, producing a static chart with a white background and black-stroked data points.

Ggroup118sai@gmail.com

Ssairamisetti3829@gmail.com

activity 6 question 3

This scatter plot shows the relationship between sales and profit, with points colored by product type using distinct D3 symbols (circle, square, diamond, triangle, and cross). It loads data from a CSV file and renders a scatterplot with axes, labels, and a shape legend. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for shape encoding, and d3.symbol to generate marker paths, while d3.axisLeft and d3.axisBottom draw the axes.

Fork of Activity6_question3

This scatter plot visualizes sales data from a CSV file, showing the relationship between total sales and order number, with colors differentiating customers. It uses D3 v6's `scaleLinear`, `scaleBand`, and `scaleOrdinal` to map the data, rendering circles as SVG elements with axes, labels, a legend, and interactive tooltips that display product and sales figures on hover.

Question3

This scatter plot displays sales data, plotting total sales on the x-axis against order numbers on the y-axis, with each point colored by customer using an ordinal scale with the Tableau10 scheme. It loads a CSV from GitHub using d3.csv, renders circles in an SVG, and includes axes, a legend, and interactive tooltips that show product details on hover. The visualization uses d3.scaleLinear, scaleBand, axisLeft, and axisBottom for positioning and scaling.

84% match

Aaashishvinayvasala@gmail.com

Activity6-Question3

This scatter plot displays product dimensions, plotting product length on the x-axis against product width on the y-axis, with colored circles indicating product categories: smart devices, home furnishings, and kitchen appliances. It loads CSV data from a GitHub repository using d3.csv, applies linear scales with d3.scaleLinear to map data values to pixel coordinates, and renders SVG circles using D3’s selection and join methods. The chart includes labeled axes created with d3.axisLeft and d3.axisBottom, with margins and a custom legend represented by the marker function.

84% match

Activity-6 (question2.1)

This chart displays monthly sales figures for three product categories—Electronics, Clothing, and Home Goods—as a stacked horizontal bar chart. D3’s `scaleBand` positions months on the y-axis, while a `scaleLinear` maps cumulative sales values to x-axis lengths. Each bar segment’s width corresponds to category-specific revenue, with a legend and interactive tooltips revealing exact dollar amounts on hover. The example loads D3 v7 via UNPKG, reads CSV data asynchronously, and constructs the SVG visualization using `d3.axisLeft`, `d3.axisBottom`, `d3.stack`, and `scaleOrdinal` for color encoding.

84% match