Skip to main content
100%

HW4-Bar Chart

✓ Published0🌍 Public
VVarsha-Ravi
Last edited Feb 6, 2018
Created on Feb 6, 2018

This bar chart displays the frequency of purpose codes in the AidData.csv dataset, with each bar’s height and orange color intensity encoding the count. The x-axis lists categorical purpose codes with rotated labels, while the y-axis shows frequency values. Built with D3 v4, it uses `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleSequential` with `d3.interpolateOranges`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG. Bars are colored sequentially based on their y-value, and margins are applied to the chart’s layout.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Bar chart-HW4

This bar chart visualizes foreign aid commitment amounts by recipient country, using data loaded from a CSV file. Each recipient is plotted along the x-axis with bars representing the commitment amount in US dollars (constant), encoded by the bar height on a linear y-scale. The chart uses an SVG rendering with D3 v4, featuring a band scale for categorical x-axis placement, a linear scale for the numeric y-axis, and hover interactions that change bar color from steelblue to brown. Axis labels identify the donor (x-axis) and commitment amount (y-axis), though the data shown is aggregated across multiple donors and years from the included test.csv. The visualization includes axis tick marks and a 3000x700 pixel canvas to accommodate the wide range of recipient countries. All bars are colored uniformly steelblue, with no additional grouping or sorting applied beyond the alphabetical default order of the recipient names. The chart is part of a homework assignment and is forked from an anonymous block.Bar chart-HW4 A simple bar chart visualizing foreign aid commitments by recipient country, from a CSV dataset of aid transactions. The x-axis lists recipient countries alphabetically, and the y-axis shows the commitment amount in USD (constant). Bars are colored steelblue and turn brown on hover. The chart is built with D3 v4 and rendered as SVG, with axes labeled "donor" and "commitment_amount_usd_constant". Data is sourced from a gist by Varsha-Ravi and includes records from 1998-2010. Note: the code references a "test.csv" file with fields including recipient, donor, and commitment_amount_usd_constant.

VVarsha-Ravi
75% match