Brayo

Fork of Fork of Food Production Stacked Bar Chart

Fork of A5 Scatterplot Matrix D3

This scatterplot matrix visualizes relationships among three SAT score variables—TotalMath, TotalVerbal, and MathematicsAverageGPA—across U.S. states in 2015. It displays pairwise scatterplots in a grid, with each cell showing the correlation between two variables as steelblue points. The visualization uses D3.js v7 to parse the CSV data and render SVG elements. It applies `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.cross` to generate the matrix layout. Points highlight orange on hover via CSS styling.

Fork of Electric Bar Chart Using d3.stack

A stacked bar chart shows two years of personal electricity consumption, split by account number across multiple floors of a three-family home. The chart is built with `d3.stack`, using `scaleBand` for the month axis and `scaleLinear` for the y-axis, with `schemeCategory10` for color. Bars are rendered as SVG rectangles, with hover effects that adjust opacity and show a tooltip via a `title` element. Data is grouped by date and reshaped into a wide format before stacking.