Gist 2d7133b7a34afa5c0ddb698237987830
✓ Published0🌍 Public
MMbrownshoes
Last edited Jun 27, 2019
Created on Jun 25, 2019
This example visualizes NHL team performance metrics from a JSON dataset of game statistics, plotting each team's goals for and against across multiple games. It uses D3.js to render a scatterplot with team abbreviations as labels, positioning points based on goalsFor and goalsAgainst values while encoding win/loss records through point color. The visualization leverages d3.scalePoint for axes, d3.forceSimulation for label collision avoidance, and Canvas rendering to display all team data points from the standings.json file.
AI-generated description