Skip to main content
SimilarExport ZIP
100%

Scatter Plot Using superstore.csv

✓ Published0🌍 Public
Ssrivalliwuyyuru
Last edited Jun 24, 2022
Created on Jun 24, 2022

This scatter plot visualizes the relationship between Sales and Profit in the Superstore dataset, with each circle representing a data point. The code loads data from a remote CSV file using `d3.csv`, then maps Sales and Profit values to x and y coordinates with `scaleLinear`. Axes are generated using `axisLeft` and `axisBottom`, while SVG circles are appended with a fixed radius. The plot is rendered using D3 v6 within a full-window SVG, with styled axis labels for both dimensions.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

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

Scatter Plot group4

This scatter plot visualizes the relationship between sales and profit from a sample dataset. The SVG chart is rendered using the D3.js library, specifically leveraging `d3.csv` to load data, `d3.scaleLinear` to map values, and `d3.axisBottom`/`d3.axisLeft` for the axes. Each data point is drawn as a steelblue circle with a radius of five, positioned according to its sales and profit coordinates. The chart title and axis labels are added as SVG text elements.

Ssaikrishnabussa
82% 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
82% 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
82% 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
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
79% match
Loading thumbnail…

ICE7 - Reusable scatter plot

This interactive scatter plot visualizes Superstore sales data, plotting profit against sales to reveal performance trends. Reusable JavaScript module `scatterPlot` encapsulates chart configuration and rendering, with the D3 v6 API handling data loading via `csv`, linear scaling with `scaleLinear`, and axis generation through `axisLeft` and `axisBottom`. Points are rendered as SVG circles with animation, allowing flexible reconfiguration of dimensions, margins, and visual attributes.

Mmamathareddy1321@gmail.com
79% match
Loading thumbnail…

Fork of Fork of Fork of d3.js project

This scatterplot displays the relationship between Sales and Profit for five products, with each circle representing a product and positioned according to its sales and profit values. The visualization uses D3.js v3, loading data from a CSV file via `d3.csv` and rendering an SVG with `d3.select`. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with linear scales (`d3.scaleLinear`) mapping the data ranges to the 500×400 pixel canvas. Steelblue circles mark the data points, while axis labels identify the measured variables.

Ssowjanyateppali4202@gmail.com
78% match