Question3_sk

100%

✓ Published0🌍 Public

Last edited Apr 5, 2024

Created on Apr 5, 2024

This scatter plot visualizes the handbags dataset, showing the relationship between price and stock quantity. Each circle is colored by the handbag’s material (e.g., Leather, Canvas, Nylon) and uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data to SVG coordinates. The visualization is rendered as an SVG with circles positioned by price and stock quantity, and it loads data from a GitHub-hosted CSV file. The code includes custom axis labels for “Stock Quantity” and “Price.”

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

question-3

This scatter plot visualizes a dataset, mapping one attribute to the x-axis and another to the y-axis, with each point’s color representing a species category. The visualization uses the D3 library (v6) to load CSV data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders the points as SVG circles. Additional data fields for sales cost and rating are mapped to the circle’s `rx` and `ry` attributes, though they are not visually apparent in the default rendering. Axis labels are added using SVG text elements.

Gganeshrajuparmalla@my.unt.edu

74% match

Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the Superstore dataset, showing the relationship between Quantity and Profit, with points colored by Order Priority (Critical, Medium, High, and default categories). It uses d3.csv to load the data, d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and d3.selectAll with .join to render SVG circles. The plot is rendered in an SVG element that fills the browser window, with axes labeled "Profit" and "Quantity" via appended text elements. Data is sourced from a GitHub-hosted leaf.csv file.

UUday Vandanapu

73% match

Loading thumbnail…

Q3

This scatter plot visualizes a dataset's sales quantity against sales cost. The visualization uses D3's `scaleLinear` to map data to pixel coordinates, `axisLeft` and `axisBottom` for the axes, and `csv` to load the remote dataset. Circle markers are colored by item category (Electronics, Cosmetics, or other) using a custom function. The chart renders as SVG, sized to fit the browser window, with green axis labels.

Jjangalaupender@my.unt.edu

73% match

Loading thumbnail…

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.

Kkandulasunny17@gmail.com

73% match

Loading thumbnail…

Re-usable Scatter Plot

This reusable scatter plot visualizes the relationship between product quantity and price from a CSV inventory dataset. It uses D3 v6 to load the data, map the numeric fields to linear scales, and render circles with fixed radius on an SVG canvas. The code demonstrates a modular chart-building pattern with explicit margins, axis generation via `d3.axisBottom` and `d3.axisLeft`, and a consistent steelblue fill for all data points. The chart is embedded in a centered, styled layout.

Vvishnupriya eupuri

73% match

Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between Quantity and Profit in the Superstore dataset, with points colored and shaped according to Order Priority. Using D3.js v6, it loads CSV data via a GitHub gist and maps values to linear scales. The visualization creates SVG paths with distinct d3.symbol shapes—squares, diamonds, circles, and triangles—based on priority level. Axes are rendered using d3.axisLeft and d3.axisBottom, with custom styling applied to tick labels and axis titles.

Vvarshithainaganti@gmail.com

72% match

Loading thumbnail…

Activtiy6-Question3

This scatter plot visualizes product dimensions from a Superstore dataset, displaying product length on the x-axis and product width on the y-axis. Each circle represents a product, with colors distinguishing categories: skyblue for electronics, lightgreen for furniture, orange for kitchen, and gray for others. The visualization uses D3.js v7 with SVG rendering, employing `d3.csv` to load data, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` to generate axes. Data is fetched from a raw GitHub CSV URL, with circles positioned using the `cx` and `cy` attributes and styled via a color mapping function.

Ssowmyaammula.sdv@gmail.com

72% match

Loading thumbnail…

Activity6-Question3

This scatter plot visualizes product dimensions from a CSV dataset, showing product length on the x-axis and product width on the y-axis. The points are colored by category, with smart devices in red, home furnishings in blue, and kitchen appliances in dark green. The visualization loads data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles and axes using D3 v7’s selection and join methods. The code uses `d3.extent` to set domains and `d3.axisLeft` and `d3.axisBottom` to draw the axes, with labels for each axis.

LLayaMyadam@my.unt.edu

72% match