Skip to main content
SimilarExport ZIP
100%

Bonus ICE - 3D Scatter plot - Manasa

✓ Published1🌍 Public
MManasa891-git
Last edited Apr 5, 2023
Created on Apr 5, 2023

This 3D scatter plot displays movie collections across countries, with each point representing a movie’s global, Indian, and United States earnings plotted against the year of release. The visualization uses Plotly’s `Plotly.newPlot` to render three scatter3d traces, colored green, red, and orange, respectively, while loading data via `d3.csv` from a GitHub-hosted CSV file. The layout defines axes for collection, movie, and year, with no additional margins.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot - ICE 6

This scatter plot shows the relationship between movie budgets and domestic gross earnings, with each data point represented as a circle. The visualization uses D3 version 6 to fetch CSV data from a GitHub gist via `d3.csv` and `d3.autoType`. A linear scale for each axis maps the data extents to the SVG canvas, and circles are positioned using the `cx` and `cy` attributes. Axis labels appear in red, and the chart fills the entire browser window, incorporating a larger top margin for the title.

Ggaddamthanmayeereddy759@gmail.com
76% match
Loading thumbnail…

Bonus ICE

This interactive 3D scatter plot, built with Plotly and D3.js, visualizes electronic sales data from a CSV file hosted on GitHub. Two distinct traces display relationships between item and unit price, using green and yellow markers to differentiate the encoded dimensions. The code initializes the plot by loading data with `d3.csv`, then constructs scatter3d traces with specific marker styling and opacity, ultimately rendering the visualization into a designated HTML div.

SSaiSree0122
75% match
Loading thumbnail…

Fork of Scatter Plot - ICE 6

This scatter plot visualizes the relationship between movie budgets and domestic gross earnings, with each point representing a film. The visualization uses D3.js v6 to load CSV data from a remote URL and render circles scaled along linear axes for both variables. The chart includes a titled header, red axis labels, and axis ticks generated through D3’s axis methods. The underlying data comes from a GitHub-hosted budget dataset, and the plot is drawn as an SVG using D3 selections to bind data to circle elements. The layout fills the browser window, with margins adjusted for the title and axis labels.

Mmadipadiga.raviteja@gmail.com
74% match
Loading thumbnail…

BONUS ICE: 3D Scatter Plot

This 3D scatter plot visualizes Netflix subscription prices, mapping Year, Standard plan cost, and Premium plan cost across three axes. The data, loaded from a CSV via `d3.csv`, is rendered as purple circular markers using Plotly’s `scatter3d` trace type. Axes are labeled and styled with blue title fonts, and the chart is drawn into a div via `Plotly.newPlot`. The code uses both Plotly 2.9.0 and D3 3.5.17 libraries, with markers sized and outlined to enhance readability.

Jjayavamsi
74% match
Loading thumbnail…

3d Scatter plot Bonus ICE

This 3D scatter plot visualizes video game sales data from a CSV file, plotting year, global sales, and publisher for one trace, and year, other sales, and publisher for a second trace. Built with Plotly’s `scatter3d` trace type and `Plotly.newPlot`, the visualization uses D3.js’s `d3.csv` to load the data and the `unpack` function to extract columns. Markers are styled with size, opacity, and line properties, rendered in an interactive 3D space within a single div.

MManohar Kowthavarapu
74% match
Loading thumbnail…

Bonus ICE - 3D Scatter Plot

This 3D scatter plot displays cricketer data by age, height, and weight, with points colored by player role (batsman, bowler, or all-rounder). The visualization uses Plotly.js’s `scatter3d` trace type, mapping the three numerical attributes to the x, y, and z axes. Point colors are assigned based on role, and the axes feature custom background and grid colors. Data is loaded from a CSV file via D3.js’s `d3.csv` function, demonstrating a combination of Plotly for 3D rendering and D3 for data parsing.

Nnagarajuobbineni
74% match
Loading thumbnail…

BONUS ICE 3D-ScatterPlot (Dhanusree Kodali)

This 3D scatter plot visualizes insurance charges as a function of age and BMI, with each point colored by the insured person’s region (southeast, southwest, northwest, northeast) using a custom four-color scale. The visualization uses Plotly.js’s `scatter3d` trace type to render markers within an interactive 3D scene. The code loads a CSV of insurance data via `d3.csv` and maps the `region` field to numeric color values, which are then passed to the `marker` object along with a `pl_colorscale`. Each axis is given a distinct pastel background color, while the chart itself is embedded in a simple HTML page with a pink background and styled title.

DDhanusree Kodali
74% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes movie performance by plotting budget against worldwide earnings. Each circle represents a film, colored by its box-office verdict (All-Time-Blockbuster, Blockbuster, Hit, or default Blue) and sized by its India net and overseas earnings. The visualization loads a remote CSV dataset and uses D3 v6 scaleLinear and extent functions to map the data, with axisLeft and axisBottom generating the axes. The chart displays movie titles from the source data, with a red title and green axis labels.

BBhavyaMammai
73% match