Untitled

100%

✓ Published1🌍 Public

Last edited Apr 5, 2023

Created on Apr 5, 2023

A 3D scatter plot displays the relationship between product cost price and selling price using purple circles. The visualization uses D3.js v4 with an SVG rendering approach, mapping cost price to the x-axis and selling price to the y-axis through linear scales. Data is loaded via `d3.csv` from a GitHub-hosted dataset. The chart employs `d3.axisBottom` and `d3.axisLeft` for axes, while circles are appended with `attr` for positioning and styling, though the title's "3D" aspect is not implemented in the code.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Untitled

This example shows a 2D scatter plot of product cost versus selling price, with each product represented as a small purple circle. The x-axis encodes cost price and the y-axis encodes selling price, both using linear scales. The code loads CSV data from a GitHub gist via `d3.csv` and renders the plot as SVG circles using `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` for axes. Despite the title mentioning "3D," the visualization is strictly two-dimensional, with axis labels added via HTML divs.

VVineela Reddy

90% match

Loading thumbnail…

Untitled

This example displays a 3D scatter plot of a grocery store dataset, with cost price, profit, and selling price mapped to the X, Y, and Z axes. It loads Plotly.js from a CDN to render the interactive `scatter3d` chart, while D3.js is used to fetch and parse the CSV data from a GitHub gist. Each point is styled with a fixed size, opacity, and subtle line color, and the plot layout customizes axis titles with blue fonts. The code demonstrates combining external libraries for data loading and visualization in a single page.

NNaveed945

82% 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

79% match

Loading thumbnail…

3D Scatter Plot

This 3D scatter plot visualizes Apple product data, mapping original price, discounted price, and ratings along the x, y, and z axes. The plotly.js library renders the interactive 3D scene, while the d3.csv method loads the data from a remote CSV file hosted on GitHub. Each marker’s size is fixed, with a semi-transparent fill and gray outline, and axis titles are colored distinctly to aid legibility. The layout’s margins are minimized to maximize the plot area within the page.

BBhanuMotupalli

78% match

Loading thumbnail…

Untitled

Eight data-driven cubes float in a 3D scatter plot, each colored by category and labeled with a product name. Users drag to rotate the scene. The visualization uses d3-3d to project cube faces, with d3.drag handling interaction and d3.transition animating label value changes from a hard-coded sales dataset.

MMahendraGullinkala

77% match

Loading thumbnail…

Untitled

A scatter plot displays the relationship between ground living area in square feet and sale price for individual properties. Each black circle represents a home, with position encoding both variables along linear axes. The visualization uses D3 v4’s `scaleLinear`, `axisBottom`, and `axisLeft` to render the chart in SVG within a React framework. Data loads from an external CSV file via `d3.csv`, plotting 1.5-pixel-radius circles without additional encoding.

TTharun2022

77% match

Loading thumbnail…

Reusable for Assignment 7

This animated scatter plot uses a reusable D3 function to visualize product data, cycling through three quantitative x-axis variables—discount, unit cost, and unit price—against order quantity. The SVG visualization updates every two seconds, smoothly re-scaling the x-axis as new data is plotted. Built with D3 v6, it leverages `scaleLinear`, `extent`, and `axisBottom` for axes, while circles are rendered via data joins. Data is loaded from a CSV file using `csv` and parsed to convert numeric fields. The scatter plot is fully responsive, filling the entire viewport with configurable margins and point radius.

BBlueT

77% match

Loading thumbnail…

Untitled

A 3D scatter plot visualizes five product categories—Garment, Electronics, Decoration, Fitness, and Footwear—using three axes: Number of Orders, Sales, and Available in Stock. Each category appears as a distinct colored marker, encoding the relationship between order volume, revenue, and inventory across the dataset. The code loads a CSV via d3.csv, filters rows by category using a custom unpack function, and constructs five Plotly trace objects of type scatter3d. These traces are passed to Plotly.newPlot, which renders the interactive chart inside the designated div with a minimal margin layout.

Llibramanju

77% match