Fork of scatter-plot

100%

Fork of scatter-plot

✓ Published1🌍 Public

Last edited Mar 23, 2023

Created on Mar 23, 2023

This scatter plot visualizes global video game sales data, comparing North American and European sales on the x- and y-axes while mapping Japanese and global sales to point radius dimensions. The visualization uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions, rendering circles as SVG elements. Point colors are determined by the game’s publisher, with a custom `marker()` function that assigns distinct colors to specific developers like Ubisoft Montreal and Rockstar North, while defaulting to brown for others. The chart includes axis labels and a title, with styling applied via CSS.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of Fork of scatter-plot

This visualization displays a scatter plot of game sales data, mapping North American sales on the x-axis and European sales on the y-axis. Each point’s color represents a different game publisher, and the circles are drawn with variable width and height properties derived from Japanese and global sales figures. The code loads CSV data via `d3.csv`, scales with `d3.scaleLinear`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG is created with React and D3 v6, using a custom color mapping function for publisher categories.

Aajaysonu

94% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot maps video game sales across regions against critic ratings, with each point's shape and color encoding genre. The visualization cycles through different x-axis metrics—North American, European, and Japanese sales, then rating—every two seconds, dynamically updating the scales and axes. Built with D3 6.7.0, it leverages `scaleLinear`, `axisLeft`, and `axisBottom` for axes, while custom SVG paths create genre-based shapes for data points. The code loads CSV data from a remote URL and uses the `select` API to manage SVG rendering.

Ssatishnarne99@gmail.com

88% match

Loading thumbnail…

Fork of Scatter Plot For > 5 million Video Game Sales

A scatter plot displays video game sales across global, NA, EU, JP, and other regions, filtering to titles with over five million in global sales. Using D3 v6, it renders animated SVG circles that transition when users switch axes via dropdown menus built with a custom menu component. The reusable chart uses `selection.join` and `transition` from D3, with data loaded from a GitHub Gist CSV file.

PPeter Cordone

87% match

Loading thumbnail…

scatter-plot

This scatter plot visualizes video game sales, comparing NA_Sales on the x-axis against EU_Sales on the y-axis, with each circle’s color representing a different game publisher or developer. The visualization uses d3.csv to load the dataset, d3.scaleLinear to map data values to pixel coordinates, and d3.axisLeft and d3.axisBottom to render the axes. Circles are drawn as SVG elements within a React framework, with their fill color determined by a switch statement that assigns distinct colors to known studios and a default brown for others. The chart also includes axis labels for the variables plotted.

SSheela2930

86% match

Loading thumbnail…

Fork of BONUS 1: 3D Scatter Plot

This 3D scatter plot visualizes video game sales data, showing the relationship between North American, European, and other regional sales as points in three-dimensional space. Each marker represents a game, with its position determined by the sales figures on the x, y, and z axes. The visualization uses Plotly's `Plotly.newPlot` method and `scatter3d` trace type, while D3.js is employed to load and parse the CSV data from a GitHub Gist. The layout configures axis titles with green font styling, and markers are rendered as translucent circles with red color and borders.

Ppemmasaniprudhvinadh

86% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot-sheela

This 3D scatter plot visualizes video game sales in North America and Japan across different years, with North American sales in blue and Japanese sales in purple. The plot is rendered using Plotly's `newPlot` function within a React application, with data loaded via `d3.csv` from a remote CSV file. The visualization distinguishes the two regions' sales figures on the z-axis, while game names and years are mapped to the x and y axes, with margin and axis titles configured through Plotly's layout object.

Yyamunaunt

86% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot-sheela

This example visualizes a 3D scatter plot of video game sales data, comparing North American and Japanese sales across different game titles and years. It uses Plotly's `scatter3d` trace type to render two sets of markers, with red representing North American sales and blue representing Japanese sales, plotted against game name and release year. The code loads the dataset via `d3.csv` from a GitHub Gist, then constructs the traces with explicit marker styling and opacity settings. The layout configures axis titles for game names, year, and sales values, rendering the interactive plot inside a designated `div` element.

PPurnachandraa9999

85% match

Loading thumbnail…

3D Scatter plot graph

This example visualizes video game sales data in a 3D scatter plot, comparing North American and Japanese sales across different years and game titles. The code uses Plotly.js to render the scatter3d traces, with two marker series distinguished by color: one for North America and one for Japan. Data is loaded from a CSV file using D3.js’s `d3.csv` function, and the `unpack` helper maps specific columns to the x, y, and z axes. The chart is embedded in an HTML div and styled with a brief CSS file.

Aadapavaishnavi12

85% match