Skip to main content
SimilarExport ZIP
100%

Activity 6_Task3

✓ Published0🌍 Public
Vvarunreddy.gudigopuram@gmail.com
Last edited Oct 17, 2024
Created on Oct 17, 2024

This scatter plot maps gaming platforms by their average Action and Adventure ratings, with each circle representing a platform and a hover tooltip revealing its name. The visualization loads CSV data from a GitHub repository and uses `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render axes and circles as SVG elements. Point positions are derived from the extent of both rating columns, while margins are sized to accommodate full-screen rendering.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_Task-3

This example presents a scatter plot of US Census demographic data, comparing Action and Adventure ratings across platforms. It loads data from a CSV file hosted on GitHub and renders circles with tooltips showing platform names. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to coordinate scales and axes. The SVG output is sized to the window, with axis labels denoting Latitude and Longitude, and uses a steelblue fill for the plotted points.

1180030215cse@gmail.com
88% match
Loading thumbnail…

Activity_6 Task_2

This visualization shows the distribution of game ratings across eight gaming platforms, using stacked horizontal bars to display the proportion of games in five rating categories from below 5.0 to above 8.5. Each platform row is divided into colored segments representing these rating bands, making it easy to compare rating profiles across PlayStation, Xbox, Nintendo, Steam, and other services. The chart is built with D3 v7, using d3.stack() and d3.scaleBand() to construct the stacked bar layout, with d3.scaleOrdinal() assigning colors to rating categories. Data comes from a CSV file loaded via d3.csv(), and the SVG rendering includes custom axes and a title.

Bbhavya.kanyadara@gmail.com
85% match
Loading thumbnail…

activity6_Task2

This stacked bar chart compares the distribution of game ratings across eight gaming platforms, with each colored segment representing the proportion of games falling into a specific rating range from below 5.0 to above 8.5. The visualization uses d3.stack to transform the raw percentage data, d3.scaleBand for the categorical platform axis, and d3.scaleLinear for the percentage scale. The chart is rendered as SVG elements with a custom ordinal color scale differentiating the five rating categories, making it easy to compare the rating profiles of platforms like Steam and PlayStation.

Ssaikarthiknimmagadda@gmail.com
84% match
Loading thumbnail…

Assignment2_Q1

This interactive pie chart visualizes the distribution of video game ratings across different platforms, using the "Action" genre as the slice value. The chart loads CSV data from an external GitHub repository via `d3.csv` and renders it as an SVG with D3 v7. Mouseover interactions change arc opacity and display the numeric Action score at the centroid using `arc.centroid`, while each slice is permanently labeled with its platform name. The visualization relies on `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring.

AAnirudhaKulakarniKaranam@my.unt.edu
82% match
Loading thumbnail…

Activity6_Q_6

This interactive scatter plot visualizes the relationship between the percentage of movie ratings in the 5.0–6.5 range and the 6.5–7.5 range, using data from a remote CSV file. It loads D3 v6 via UNPKG and filters the data by genre, with each circle colored according to its genre and showing a tooltip on hover. The visualization uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes, labels, and circles in an SVG canvas.

Aadapasaidivya99@gmail.com
80% match
Loading thumbnail…

Activity6_Task2

This horizontal stacked bar chart visualizes the distribution of game genres across rating brackets, from "below 5.0" to "above 8.5". Each bar represents a genre (action, roleplay, shopping, racing, sports) and is segmented by the percentage of games in each rating category. The chart uses D3 v7's `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and the `stack` function to create the stacked segments. Hovering over a segment reveals a tooltip showing the exact percentage for that genre and rating, using D3's `scaleOrdinal` for color assignment. Data comes from a local CSV file, rendered as SVG.

Hhemanthmaddila13@gmail.com
79% match
Loading thumbnail…

Activity6_Q3

This scatter plot visualizes the relationship between percentages of movie ratings in the 5.0-6.5 and 6.5-7.5 ranges, with each point representing a genre. The visualization distinguishes genres using both color and shape, encoding circles, squares, and triangles through D3 symbols. The code loads CSV data from a GitHub repository using d3.csv, applies d3.scaleLinear for both axes, and renders the chart as SVG. Axes are generated with d3.axisLeft and d3.axisBottom, while tooltips are added via SVG title elements showing genre and coordinates.

Ssaiteja.cse.rymec@gmail.com
79% match
Loading thumbnail…

Activity6_q6

This scatter plot visualizes the relationship between the percentage of ratings in the 5.0–6.5 range (x-axis) and the 6.5–7.5 range (y-axis) across different genres from a remote CSV dataset. Each circle represents a genre, colored by its category through a `d3.scaleOrdinal` color scheme, with tooltips revealing the exact values. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data, scale axes, and render the SVG. Axis labels are styled via CSS classes, while the plot’s marks are drawn as SVG circles with a black stroke.

Jjahnavigummadi@my.unt.edu
79% match