Assignment2.2_BarGraph

100%

Assignment2.2_BarGraph

✓ Published1🌍 Public

Last edited Mar 14, 2026

Created on Mar 11, 2026

This bar chart shows the distribution of Brooklyn Public Library branches by their accessibility status, with counts labeled above each bar. The SVG visualization is built using D3 v7, reading branch and access data from BPL_Locations.csv. It uses scaleBand and scaleLinear axes to plot the data, and bars change color from steelblue to orange on hover. The chart groups branches into two categories: fully accessible and partially accessible.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2.2_PieChart

A choropleth-style map of Brooklyn library branches uses orange points over a green base map. Each point is plotted by longitude and latitude from BPL_Locations.csv, projected with `d3.geoMercator()` and drawn as SVG circles. Hovering a point displays a tooltip with the branch name, phone number, and accessibility tags. The underlying neighborhood boundaries come from Brooklyn GeoJSON, rendered through `d3.geoPath()`.

TTony Mai

83% match

Loading thumbnail…

Assignment2.2_PieChart

This map of Brooklyn libraries plots each branch as a circle over a geographic map. The visualization uses a Mercator projection via `d3.geoPath` to render the borough’s shape, then positions the library points by parsing latitude and longitude from the CSV. Each point is colored orange and includes a hover tooltip that displays the library’s name, phone number, and accessibility features. The map is built with D3.v7, with map GeoJSON from a public GitHub repository and location data from the Brooklyn Public Library’s CSV.

TTony Mai

82% match

Loading thumbnail…

Assignment2.2_GeoMapGraph

This example maps the locations of Brooklyn Public Library branches as orange points over a green choropleth of Brooklyn neighborhoods. The map uses a D3 geoMercator projection and d3.geoPath to render GeoJSON boundaries, while library coordinates are loaded from a CSV and drawn as SVG circles. Hovering over a point enlarges it and displays a tooltip with the branch name, phone number, and accessibility status. The visualization is built with D3 v7 and renders entirely as SVG.

TTony Mai

79% match

Loading thumbnail…

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

73% match

Loading thumbnail…

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.

GGeorgeVard

73% match

Loading thumbnail…

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

This visualization shows New York’s unsheltered homeless population from 2009 to 2012, grouped by borough and location (surface, subways, and total). Each year is represented by a distinct colored bar within a grouped bar chart, with axes and a legend. Built with d3.csv, scaleBand, scaleLinear, scaleOrdinal, axisLeft, and axisBottom, it uses SVG rectangles for bars and renders the full dataset from a CSV. Colors encode years via a ordinal scale, and a legend maps hues to each year.

Iianjwo

72% match

Loading thumbnail…

Asssignement

A bar chart displays monthly sales for 100 coffee shop branches, with each bar colored on a sequential blue scale to encode sales magnitude. Using D3 v7 within a React component, the visualization loads data from a CSV file via `d3.csv`, aggregates it, and renders SVG rectangles scaled with `scaleBand` and `scaleLinear`. Branch labels are rotated on the x-axis, and axes are drawn with `axisBottom` and `axisLeft`, with hover effects changing bar color to orange.

Ssairathan.p045@gmail.com

72% match

Loading thumbnail…

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.

GGeorgeVard

71% match