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

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.

87% match

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.

85% match

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

This visualization displays New York's homeless population from 2009 to 2012, broken down by area and year using grouped bar charts. Each bar represents the population count for a specific area, with colored segments distinguishing the four years. The chart uses D3 v5’s `scaleBand`, `scaleLinear`, and `scaleOrdinal` APIs to position bars, scale values, and assign colors. A legend identifies each year, while axes and a title provide context. Data comes from the local `data.csv` file, rendered as SVG elements.

AAlex Gomes

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

This grouped bar chart displays the unsheltered homeless population in New York across five boroughs and surface/subway locations from 2009 to 2012, with each year color-coded. Built with D3 v5, it uses `scaleBand` for categorical axes and `scaleOrdinal` for the color legend, rendering SVG rectangles per data point. The y-axis scales linearly to the maximum population value, while tooltips or interactivity are absent, focusing instead on static comparison of year-over-year totals from the provided CSV dataset.

WORK

The visualization displays average GAD-7 scores by employment status and reason for playing games, with each employment category further divided into gender-based sub-bars using a grouped bar chart. It shows the complete dataset without aggregation, rendering all 16 data points from the CSV file. The implementation uses d3.csv for data loading, scaleBand for both the primary and nested categorical scales, scaleOrdinal with explicit RGB color values for gender encoding, and scaleLinear for the y-axis. Axes are rendered with d3.axisLeft and d3.axisBottom, while SVG rectangles draw the bars.

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.

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

This grouped bar chart displays the unsheltered homeless population in New York from 2009 to 2012, broken down by borough, surface total, subway, and overall total. It uses a nested band scale (`d3.scaleBand` twice) with an ordinal color scale to distinguish years alongside a linear y-scale for population counts. Rendered as SVG via the d3.v5 library, the chart includes axes, a legend, and a title, all styled with CSS. The data originates from a small CSV file embedded directly in the JavaScript code.

Kkaruppuraja