WORK

Fork of Bar Graph - New York Homeless Population (2009-2012)

This visualization displays GAD-7 scores (a measure of anxiety) grouped by reason for playing games and gender, using a nested bar chart that compares average scores across four motivational categories. The bars are color-coded by gender (male, female, other) and positioned side-by-side within each reason group. The code uses D3 v5’s `csv`, `scaleLinear`, `scaleBand`, and `scaleOrdinal` to parse the data from `data.csv` and render SVG rectangles with axes. The rendering is entirely SVG-based, with a title and axis labels added as text elements.

82% match

Fork of Bar Chart with Highlighting

This bar chart visualizes survey responses about motivations for playing video games, with average scores for generalized anxiety disorder assessment grouped by gender and reason. It uses d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, rendering SVG rectangles with colors assigned based on score thresholds. Interactive highlighting is implemented through mouseover and mouseout events, which adjust bar opacity and display a tooltip showing the data values. The chart is built with d3.csv to load the data.csv file and includes axes generated via d3.axisLeft and d3.axisBottom.

79% match

Fork of Bar Graph - New York Homeless Population (2009-2012)

This grouped bar chart visualizes average gadget usage across different employment statuses, broken down by reasons for play. The visualization uses a nested bar structure where each employment category contains sub-bars for each play motivation. It employs `d3.scaleBand` for both the main and subgroup positioning, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for color encoding. The SVG renderer draws axes with `d3.axisLeft` and `d3.axisBottom`, while data is loaded asynchronously from a CSV file using `d3.csv`. A legend maps years to colors, though the data actually represents employment categories rather than homeless population counts.

77% match

Fork of d3.js learning

This stacked bar chart visualizes survey data on gadget usage, showing how different work statuses (such as Employed and School Student) rate various motivations like "Winning" and "Having Fun." The chart uses d3.layout.stack to layer series representing each motivation, with d3.scale.ordinal and d3.svg.axis handling the x and y axes. SVG rectangles render each segment, and a tooltip displays the average gadget value on mouseover. A legend at the right identifies the series, with data from dataset.csv.

76% match

Hhemanthmaddila13@gmail.com

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.

Fork of Customizing Axes

This bar chart visualizes survey responses about why people play games, with average scores for categories like having fun, improving, winning, and all of them. The data comes from a CSV file loaded using `d3.csv`. The chart customizes D3 axes by removing domain lines, styling tick labels with CSS, and formatting tick values with `d3.format`. It uses `d3.scaleLinear` and `d3.scaleBand` for positioning, with `d3.axisBottom` and `d3.axisLeft` for rendering. Population data from the United Nations is referenced in the README but not used in the chart itself.

Bbhavya.kanyadara@gmail.com

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.

Fork of Bar Graph - New York Homeless Population (2009-2012)

This grouped bar chart compares average gadget usage across employment statuses and motivations, with each employment category subdivided by reason. The SVG visualization uses d3.scaleBand for both the main and nested categories, d3.scaleLinear for the value axis, and d3.scaleOrdinal with RGB color encoding. Data is loaded via d3.csv from a local file, and axes are rendered using d3.axisLeft and d3.axisBottom. A legend maps the ordinal colors to the employment groups.