Skip to main content
SimilarExport ZIP
100%

Fork of Fork of 3D Scatter Plot

✓ Published0🌍 Public
Cchandanagandla
Last edited Apr 2, 2023
Created on Apr 2, 2023

This 3D scatter plot visualizes two sets of monthly sales data, with one trace plotting April, May, and June values and a second trace plotting July, August, and September values. The chart uses Plotly's `scatter3d` trace type, rendered through the `Plotly.newPlot` function within the Plotly 2.9.0 JavaScript library. Data is loaded from a GitHub-hosted CSV file using D3's `d3.csv` method, and the layout removes all margins for a full-bleed display.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 3D Scatter Plot

This 3D scatter plot visualizes monthly vehicle sales using two distinct marker groups, with gray and colored points differentiating categories in three-dimensional space. Built with Plotly.js 2.9.0, the visualization loads data from a CSV file hosted on GitHub via d3.csv, then maps the x, y, and z coordinates from the specified columns into two traces. Custom marker styling, including size, opacity, and colored borders, distinguishes the second dataset from the first, while the layout removes all margins to maximize the plotting area.

KKELVIN WAMBUA NZIOKI
84% match
Loading thumbnail…

Fork of 3D Scatter Plot

This interactive 3D scatter plot visualizes two sets of coordinates from a CSV dataset, using height, length, and corner positions as the three axes. Each of the two traces appears as a cluster of markers, with different colors, sizes, and opacities to distinguish the data groups. The visualization is built with Plotly’s `scatter3d` trace type and rendered via `Plotly.newPlot`, while the data loading and parsing rely on D3’s `d3.csv` function. The chart updates dynamically in response to the user’s rotation and zoom controls.

KKeerthipriyaBankuru
80% match
Loading thumbnail…

Fork of Fork of Scatter Plot

This scatter plot visualizes the relationship between monthly Sales and Profit using data from a CSV file. The chart is built with a reusable `scatterPlot` function that defines linear scales via `d3.scaleLinear`, axes using `d3.axisBottom` and `d3.axisLeft`, and circles positioned with `cx` and `cy` attributes. It reads the data with `d3.csv`, converts numeric fields, and renders 800×500 SVG output with labeled axes and a title. The points are filled in steelblue, with a radius of 6 pixels, showing a positive correlation between the two variables.

Ppvvaishnavi93@gmail.com
80% match
Loading thumbnail…

Fork of Scatter Plot

This fork of a scatter plot visualizes monthly sales versus profit from a small CSV dataset, encoding each month as a steelblue circle. Using D3 v7 within a React framework, the code loads the data and renders the chart as an SVG, leveraging `d3.scaleLinear` and `d3.extent` to map values, and `d3.axisBottom` and `d3.axisLeft` to generate axes. The example demonstrates a reusable chart structure with configurable margins and an explicit SVG container.

Ppvvaishnavi93@gmail.com
80% match
Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes monthly sales data for 2022, plotting sales figures against months. The chart uses D3 v5 and renders as an SVG, with a purple line connecting data points. It employs `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Data is loaded from a CSV file via `d3.csv`, with axis labels and a title styled through CSS. The visualization includes gridlines via the y-axis tick size.

MM
79% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This scatter plot visualizes sales data, showing the relationship between total sales and date, with points shaped according to product type. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol` to map data values to positions and shapes. A legend explains the product-to-shape mapping. The chart loads CSV data from a GitHub repository and renders with axes and labels for both dimensions.

Kkandulasunny17@gmail.com
79% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This scatter plot displays monthly sales figures across six retail categories, with each circle’s horizontal position encoding the month, vertical position encoding sales amount, and color distinguishing product types. The visualization uses a reusable custom D3 module that employs `scaleOrdinal` for the categorical x-axis and legend colors, `scaleLinear` for the sales axis, and `axisLeft`/`axisBottom` for tick labels. The SVG output is generated from hardcoded data via the provided `index.js` and `scatterPlot.js` files.

UUday Kiran
78% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This fork of a reusable D3 scatter plot visualizes monthly sales data across product categories. The chart uses D3’s `scaleOrdinal` and `scaleLinear` to map months and sales values to SVG circle positions, with a color scale distinguishing six categories. An axis and legend are rendered via `axisBottom`, `axisLeft`, and appended SVG elements. The code samples data from a static array, demonstrating a reusable `scatterPlot` function with configurable accessors and margins.

Ppriyapravallika44@gmail.com
78% match