Skip to main content
šŸŒ Public

Share visualization

Send this visualization to others.

G. Shi - Assignment 7

Public visualization

G. Shi - Assignment 7

0 stars0šŸŒ Public
Gguanghuashi@my.unt.edu
Last edited Oct 26, 2026
Created on Oct 26, 2026

This interactive D3.js visualization analyzes Arsenal FC match statistics, allowing users to explore how different table arrangements affect data interpretation. It presents a bar chart of goals scored against opponents in the 2022-23 season, with buttons to reorder the bars alphabetically, by value, or by a derived "shooting efficiency" metric (goals per shot). The reusable chart, styled using the closure pattern, sorts data with `d3.ascending` and `d3.descending` based on the selected ordering. The code loads match data from a CSV file using `d3.csv` and renders the SVG bar chart.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed