Skip to main content
SimilarExport ZIP
100%

Activity6_Question3

✓ Published0🌍 Public
Vvarshithainaganti@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

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.

AI-generated description

We are Displaying the Superstore dataset using Scatter plot.

MIT Licensed

Similar vizzes

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
96% match
Loading thumbnail…

Activity6_Task3_Q3

This scatter plot visualizes the relationship between Quantity and Profit from the Superstore dataset, with each point’s shape and color encoding the order priority (Critical, High, Medium, or Low). The visualization uses D3.js (v6) to load the CSV data, apply linear scales for the axes, and render SVG paths with symbols like circles, squares, diamonds, and triangles. Axis labels and ticks are styled explicitly, while the plot fills the browser window. The code leverages `d3.csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `d3.symbol` for custom point shapes.

PPothuguntla Pranitha
95% match
Loading thumbnail…

Activity6-Question3-Rashmitha

This scatter plot visualizes the Superstore dataset, showing the relationship between product quantity and profit, with points colored by order priority: critical orders in sky blue, medium and high priorities in light green, and others in orange. The visualization uses D3 v6 (d3.scaleLinear, d3.axisLeft, d3.axisBottom) to render SVG circles, with the data loaded via d3.csv from a GitHub-hosted CSV file. The chart includes labeled axes for Profit and Quantity, sized to fill the browser window.

Rrashmithatanneru@gmail.com
87% match
Loading thumbnail…

Extra-Question6-Activity6_Task3

This scatter plot visualizes the relationship between Sales and Profit for products in a Global Superstore dataset. Each mark is positioned by the d3.scaleLinear scales for the x- and y-axes, and its shape and color encode the product Category, using d3.symbol with d3.symbolCircle, d3.symbolSquare, and d3.symbolTriangle, and a d3.scaleOrdinal color scale with the d3.schemeCategory10 palette. The visualization is rendered as SVG, drawing axes with d3.axisBottom and d3.axisLeft, and it loads the data from a remote CSV file.

Kkrunalpatel@my.unt.edu
85% match
Loading thumbnail…

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.

Ssairamisetti3829@gmail.com
83% 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
81% match
Loading thumbnail…

Activity 6 Q3

This scatter plot shows the relationship between sales amount and number of orders, with each point colored by product category (electronics, cosmetics, or clothing). The visualization loads CSV data from a GitHub gist, uses `d3.csv` to parse the dataset, and renders circles via SVG. It employs `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and a `d3.scaleOrdinal` to map categories to colors. A manually positioned legend explains the color coding at the bottom-right corner.

Kkrishi7079@gmail.com
81% match
Loading thumbnail…

activity 6 task q3

This scatter plot visualizes the relationship between sales and profit for five products (A through E), with each point styled by a distinct shape and color derived from its product category. Built with D3.js v7, the visualization uses `scaleLinear` for both axes, `scaleOrdinal` with `schemeCategory10` for colors, and a custom symbol generator for shapes. Data originates from a hardcoded array in `bundle.js`, mirroring the `product.csv` file, and is rendered on an SVG canvas with axes labeled via the `axes.js` module.

Ssairamisetti3829@gmail.com
81% match