3D Scatter Plot for bank note Authentication

100%

3D Scatter Plot for bank note Authentication

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

This example visualizes bank note authentication data as an interactive 3D scatter plot, using Plotly.js and D3.js to render two distinct marker sets: one plotting entropy, kurtosis, and variance, and another plotting entropy, kurtosis, and skewness. The visualization uses `d3.csv` to load the Bank_note dataset from a GitHub gist, then constructs `scatter3d` traces with custom marker sizes, colors, symbols, and opacity. The layout removes margins for a full-bleed display, and the chart is drawn inside a designated `div` using `Plotly.newPlot`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

3D Scatter Plot

This example displays the Iris dataset as a 3D scatter plot, mapping bill length, bill depth, and flipper length onto the x, y, and z axes. It renders three overlapping marker traces, each with distinct styling for size, color, and opacity, to highlight different visual encodings of the same data points. The visualization is built with Plotly’s `scatter3d` trace type, loaded via the CDN script, and the data is fetched and parsed using D3’s `d3.csv` function. The layout removes all margins to maximize the plotting area.

Aachyutanandmishra17@gmail.com

73% match

Loading thumbnail…

AnithaShivaramaiah(11537410) 3D Scatter plot using D3.js

This example visualizes monthly expense data across two sets of three months using a 3D scatter plot. It displays two series of markers: one mapping April, August, and December expenses, and another mapping January, February, and March expenses, each with distinct colors, sizes, and opacity. The visualization is rendered using Plotly's `scatter3d` trace type via the `Plotly.newPlot` API, while the data is loaded and parsed with D3.js's `d3.csv` function from a GitHub Gist. Interactive 3D axes with customized background colors, grid lines, and titles represent the different expense categories.

AAnitha Shivaramaiah

71% match

Loading thumbnail…

3D Scatter plot using D3.js

This example shows a 3D scatter plot of two separate datasets from an ICE Bonus CSV file, rendered on a single Plotly chart. One trace maps ItemType, TotalRevenue, and Country while the other maps OrderDate, SalesChannel, and TotalProfit, with colored circular markers in 3D space. The code uses D3.js to load and parse the CSV via `d3.csv`, then passes the data through custom `unpack` functions to extract columns. Plotly’s `scatter3d` trace type and `Plotly.newPlot` render the interactive visualization in the `myDiv` element on an HTML page.

Ggayathrikavya

70% match

Loading thumbnail…

3D Scatter plot using D3.js

This example presents an interactive 3D scatter plot built with Plotly.js and D3.js, visualizing agricultural crop data. It renders two marker traces from a CSV file: one mapping crop type, production, and district, the other correlating crop year, season, and area. The code uses `d3.csv` to load the dataset and `Plotly.newPlot` to draw the scatter3d traces within a DIV element. The visualization employs 3D markers with custom opacity and line styling to distinguish the two datasets, with the layout margins set to zero.

Ggayathrikavya

70% match

Loading thumbnail…

3D Bar Plot

This example displays two sets of three-dimensional scatter points from a CSV file, using colored markers to distinguish between datasets. The visualization leverages the Plotly JavaScript library through the `Plotly.newPlot` function to render an interactive 3D scene. The data is loaded remotely via `d3.csv`, and the visualization employs a scatter3d trace type with configurable marker size, opacity, and line properties. The scene is presented with zero margins to maximize the plotting area, and the renderable is provided through an SVG or web-based rendering approach.

Ssaijahnaviappineni

70% match

Loading thumbnail…

3D Scatter Plot with Plotly.js

Two 3D scatter plots render inside a single Plotly.js chart on a web page. The first trace plots bill length, bill depth, and flipper length from a remote CSV loaded with `d3.csv`, styling markers with semi-transparent gray lines. The second trace plots flipper length, body mass, and sex, using solid gray circles with darker borders. The `scatter3d` trace type and `Plotly.newPlot` API generate the interactive three-dimensional visualization, with margins collapsed to zero via the layout object.

VVAbhiram99

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

70% match

Loading thumbnail…

assign2-5_pardha

A scatter plot shows credit card usage among bank customers, with age on the x-axis, total expenditure in dollars on the y-axis, and circle color indicating attrition status—black for existing customers and red for those who have churned. The visualization loads a CSV from a GitHub gist using `d3.csv`, parses numeric fields, and renders circles as SVG elements sized with a fixed radius and 35% fill opacity. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while scales are created using `d3.scaleLinear` with domains derived from `d3.min` and `d3.max`. The chart fills the browser window, drawing data marks via data joins on SVG circles.

Ppardha1411

70% match