Skip to main content
SimilarExport ZIP
100%

Final Project Sebasteine Marquez COMM 460 V01 Info Arts

✓ Published0🌍 Public
YYaderpy
Last edited May 8, 2020
Created on May 7, 2020
Forked from Making a Bar Chart

This horizontal bar chart displays the population of New York City’s five boroughs, with bars ordered from Bronx to Staten Island. It uses D3 v5’s `scaleLinear` and `scaleBand` to map population values and borough names, rendering SVG rectangles scaled by population. Axes are drawn with `axisBottom` and `axisLeft`, with tick labels formatted using D3’s `format('.3s')` to abbreviate millions. Data is loaded via `csv` from a local data.csv file, and populations are multiplied by 1000 before rendering.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Horizontal Bar chart

This horizontal bar chart displays the projected 2020 population percentages for school-age children and seniors across New York City boroughs, with white bars on a dark blue background and hover tooltips showing detailed age-group and borough information. The data is loaded from a CSV file using `d3.csv` and sorted in descending order by the `TwentyTwentyPercentPopulation` field. Each rectangle’s width is scaled by that percentage multiplied by 41, with vertical positioning determined by index and fixed 50-pixel spacing. The visualization uses D3 v3’s SVG rendering.

PPaperpanic
78% 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
77% match
Loading thumbnail…

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

This chart displays New York's homeless population from 2009 to 2012, breaking down counts by borough (Manhattan, Bronx, etc.) and by location category (Surface, Subways, Total Unsheltered) for each year. The data is read from a CSV file using `d3.csv`, and bars are rendered in SVG using `scaleBand`, `scaleLinear`, and `scaleOrdinal` for positioning and color coding by year. Axes are added with `axisLeft` and `axisBottom`, and a color legend distinguishes the four years.

Iianjwo
76% match
Loading thumbnail…

NYS Population

This example displays population counts for New York State counties as a series of horizontal black bars, with each bar’s width proportional to the county’s population value. The visualization uses D3.js v7 to load CSV data from a GitHub repository, parse the population strings into integers, and bind that data to SVG rectangles. The code employs `d3.csv`, `d3.select`, `attrs`, and `enter().append('rect')` to render the chart, with a simple title added via `insert("h3", "svg")`.

Llupica.matthew@gmail.com
76% 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
75% match
Loading thumbnail…

Fork of D3 STARTER

This visualization displays New York State county population data as a horizontal bar chart, with county names as labels and bar lengths scaled proportionally to population. Built with D3 v7 and the d3-selection-multi plugin, it loads CSV data via `d3.csv`, sorts values in descending order, and renders SVG rectangles and text elements using `join()` operations. The bars feature hover states that change color and a tooltip area that appears on mouseover, though the tooltip text contains placeholder variables rather than actual data values.

Llupica.matthew@gmail.com
75% 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
75% match
Loading thumbnail…

Customizing Axes

This interactive bar chart displays the number of employed people in New York City across 25 occupations, with buttons to switch between years from 2010 to 2019. The visualization uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis, with `d3.axisBottom` and `d3.axisLeft` for custom ticks and gridlines. Data comes from local CSV files, and user clicks trigger redrawing of rectangles with updated scales. The SVG rendering includes custom tick formatting with `d3.format` to abbreviate large numbers.

Ttracy3057
75% match