Skip to main content
SimilarExport ZIP
100%

Assignment 4 D3 BarChart

✓ Published1🌍 Public
Eeranyoung
Last edited Feb 24, 2022
Created on Feb 21, 2022
Forked from Untitled

This bar chart displays the average math SAT scores of California students across multiple years, with each bar’s height mapping the score for a given year. It is built with D3 v7, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and SVG `rect` elements for the bars. Data is loaded asynchronously from a CSV file via `d3.csv`. Axis labels and a title are added as SVG text, with axes generated by `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This bar chart shows the average math SAT scores of California students across multiple years, with each bar representing a yearly score. The visualization uses a band scale for the x-axis and a linear scale for the y-axis, both defined via `d3.scaleBand` and `d3.scaleLinear`. Data is loaded asynchronously from a CSV file using `d3.csv`, and the SVG rectangles are rendered with D3’s data join. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while a custom margin and translation position the chart within the SVG canvas.

Eeranyoung
92% match
Loading thumbnail…

A4 Histogram D3

This histogram shows the distribution of average math SAT scores across US states from 2005 to 2015, with the x-axis spanning score values from 380 to 620 and the y-axis counting the number of state averages per bin. Data is loaded from a CSV file via `d3.csv`, then processed with `d3.histogram()` to create ten bins based on `x.ticks(10)`. The SVG rendering uses `d3.axisBottom` and `d3.axisLeft` for axes, and rectangular bars that highlight orange on hover via CSS. The chart is built with D3 v7.

EEric Yao
78% match
Loading thumbnail…

A4 Scatterplot D3

This scatterplot displays student math and verbal SAT score averages across all US states in 2015, with each circle representing a state and positioned by its paired test scores. Built with D3 v7, the visualization uses `d3.scaleLinear` to map data values to pixel coordinates within an SVG canvas and draws circles via `d3.selectAll().join()`. The chart includes labeled axes, a title, and hover interactions that change point colors. Data is loaded asynchronously from a CSV file using `d3.csv`.

EEric Yao
78% match
Loading thumbnail…

A4 Boxplot D3

This visualization displays the distribution of average Math SAT scores across all US states in 2015, with a single boxplot summarizing the range from the first to third quartile. The code uses D3 v7 to create an SVG chart, scales the x-axis with `d3.scaleLinear`, and computes quartiles using `d3.quantile` on sorted CSV data loaded via `d3.csv`. The chart includes labeled axes and a title, with dimensions set relative to the browser window.

EEric Yao
77% match
Loading thumbnail…

Fork of Bar chart with a Sequential color scale

This bar chart displays average SAT verbal scores across nine years, from 1999 to 2015, using a sequential color scale to encode score magnitude. The data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles. Bars are sorted by score and colored using `d3.scaleQuantize` with ColorBrewer’s Reds palette, accompanied by a legend from `d3.legendColor`. Interactive features include a yellow tooltip on mouseover, with axes and labels formatted using D3’s standard scale and axis APIs.

Iiom2105
76% match
Loading thumbnail…

Simple bar graph in v4

A simple bar graph displays population values for California counties, loaded from an external CSV file and rendered as SVG rectangles. The chart uses d3.scaleBand for the x-axis categories and d3.scaleLinear for the y-axis, with axes generated by d3.axisBottom and d3.axisLeft. Data is parsed via d3.csv, and bars change fill color on hover through CSS. The example demonstrates core d3 v4 data binding and SVG rendering in a fixed-width layout.

MMTClass
75% match
Loading thumbnail…

A4 Boxplot D3

This chart displays the distribution of average Math SAT scores across all US states in 2015, using a single horizontal boxplot. It shows the minimum, first quartile, median, third quartile, and maximum values along a linear scale. The visualization is built with D3 v7, using SVG elements like `line` and `rect` to construct the plot, with `d3.csv` loading the remote dataset and `d3.quantile` computing the summary statistics. Hovering highlights the box, and a tooltip text is appended via a `title` element.

EEric Yao
75% match
Loading thumbnail…

A6 Scatterplot D3

This scatterplot visualizes the relationship between average math and verbal SAT scores across US states in 2015, with each state represented as a circle. The color of each point encodes the state’s average math GPA using a d3.scaleThreshold with discrete color ranges, and a d3.legendColor legend clarifies the mapping. The chart is built with D3 v7, rendering SVG elements with d3.axisBottom and d3.axisLeft for the axes. Hovering reveals a tooltip with state details, while the data comes from the satscores.csv file.

EEric Yao
75% match