Fork of Fork of scatter-plot

100%

Fork of Fork of scatter-plot

✓ Published0🌍 Public

Last edited Mar 23, 2023

Created on Mar 23, 2023

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of scatter-plot

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.

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

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

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

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

84% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot-sheela

This example visualizes video game sales data as an interactive 3D scatter plot, comparing North America and Japan sales across different game titles and years. North American sales appear in blue, while Japanese sales are shown in purple. The visualization uses Plotly’s `scatter3d` trace type to render the data points, with each trace configured via `Plotly.newPlot` and drawn inside a designated HTML div. The data is loaded asynchronously using D3’s `d3.csv` function from a GitHub-hosted CSV file, and the chart’s axes are labeled for game names, year, and sales figures.

SSheela2930

84% match

Loading thumbnail…

Fork of 3D Scatter plot graph

This 3D scatter plot visualizes sports data from a CSV file, comparing Game Names, Year, and Sales figures. It presents two distinct data series using different markers and colors: one for Other_Sales and another for Japan_Sales. The visualization is built using the Plotly.js library within a React application, leveraging D3.js to fetch and parse the CSV data from a remote GitHub gist, then rendering the interactive 3D chart into a designated HTML div.

SsreepavanKothapalli

83% match