Viewing a saved revision (read-only)
6d70cc6a55514c63bb16f20d7f3067d1
Assignment5
This dashboard visualizes the relationship between market capitalization and revenue for 30 U.S. companies, with each dot representing a single firm. The interface allows switching between five chart versions that explore different encoding channels, from position-only to color and area variations. Built with D3 v7, the visualization uses `d3.csv` to load data from a GitHub gist, `d3.extent` for summary statistics, and SVG rendering for the scatter plot. The code also includes interactive navigation buttons that update the chart's visual encodings.
AI-generated descriptionU.S. Stocks Visualization
A D3.js-based interactive scatter plot visualization of market capitalization versus revenue for 30 U.S. companies.
Project Overview
This project creates a data visualization showing the relationship between market cap and revenue for major U.S. companies across different sectors. Built with D3.js v7 for CSCE 5320 Homework 5.
Files
starter.html- Main HTML file with embedded D3.js visualizationstyles.css- Stylesheet for the page layout and chart stylingpackage.json- Node.js project configuration.nvmrc- Node version specification
Getting Started
Prerequisites
- Node.js 18.17.0 or higher
- A modern web browser