DTSC630-Assignment3-HJi-chart3

100%

DTSC630-Assignment3-HJi-chart3

✓ Published2🌍 Public

Last edited Mar 28, 2026

Created on Mar 26, 2026

Forked from DTSC630-Assignment3-HJi-chart2

This chart displays Apple’s FY2025 revenue composition as a donut chart, breaking down $416.2 billion into cost of revenue, R&D, SG&A, taxes, and net income. Built with ECharts, it uses a pie series with a custom center label and legend. Data comes from a CSV file loaded via d3.csv, with values parsed and formatted in billions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

DTSC630-Assignment3-HJi-chart2

This grouped bar chart shows Apple’s annual total revenue, gross profit, and net income in billions of dollars for fiscal years 2022 through 2025. The comparison highlights steady growth, with revenue exceeding $416 billion and record net income of $112 billion in FY2025. The visualization uses ECharts to render the bars inside an HTML page, with D3 v7 loading and parsing the data from a CSV file. Value labels sit above each bar, and a tooltip provides details on hover, with data converted from raw dollar amounts to billions.

YYukikaze

88% match

Loading thumbnail…

DTSC630-Assignment3-HJi-chart1

This dashboard displays Apple's annual closing stock price from 2016 through 2026, highlighting a roughly tenfold increase from about $27 to $250. The chart is rendered using ECharts, which draws a smooth blue line with an area gradient over a categorical x-axis of years. Stock data is loaded from the `aapl_stock_prices.csv` file through D3.js (`d3.csv`), and ECharts' `setOption` method configures tooltips, axes, and styling.

YYukikaze

80% match

Loading thumbnail…

DTSC630-Assignment3-HJi-chart4

This heatmap displays Apple’s monthly stock return percentage from 2016 to 2026, using green cells for gains and red for losses, with color intensity reflecting the magnitude of each month’s move. The visualization highlights notable events such as the late-2018 sell-off and the early-2020 COVID crash and recovery. The code loads CSV data with d3.csv, computes month-over-month returns from each month’s last close price, and renders the grid with ECharts’ heatmap series, visualMap, and tooltip APIs.

YYukikaze

78% match

Loading thumbnail…

ICE7_Area_Chart

This area chart visualizes Apple’s revenue over a 20-year period using a smoothed curve and filled gradient. The chart employs d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.line, and d3.area with curveBasis to draw the path. Data is parsed from a CSV file via d3.csv and timeParse, then sliced to show a subset. The SVG renders axes with gridlines, while CSS styles the line, area fill, and labels.

Rrajkumarboddapati2

70% match

Loading thumbnail…

ICE - 7 Line Chart

This line chart visualizes Apple's revenue over 20 years, highlighting fluctuations in millions. It uses D3 v5 to load CSV data, parse dates, and render an SVG with scales, axes, and grid lines. The code employs `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and a `line` generator, with data sliced from a GitHub-hosted dataset.

IIndiraSiripurapu

69% match

Loading thumbnail…

ICE-7: Area Chart

This area chart visualizes Apple’s revenue over a 20-year period, filtered to a subset of data points. The chart uses D3 v5 with `d3.area` and `d3.line` generators, both smoothed with `curveBasis`, to render the filled region and outline. Axes are created via `d3.axisLeft` and `d3.axisBottom`, with time-scaled x-values from `d3.scaleTime` and linear y-values from `d3.scaleLinear`. Data is loaded from a CSV file, parsed with `d3.timeParse`, and rendered as SVG elements within a styled HTML page.

IIndiraSiripurapu

69% match

Loading thumbnail…

Fork of Making an Interactive Pie Chart

This interactive donut chart displays the proportion of income from Sales, Dividends, and Interest, with each slice labeled by category and showing a percentage on hover. Built with D3 v5, it uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths, while tooltips are implemented via mouse events and a styled HTML div. The chart reads its data from a CSV file, computing percentages from the parsed values, and features rounded slice corners and a responsive hover opacity effect.

WWangJiaCheng1999

69% match

Loading thumbnail…

ICE 7 Line Chart

This line chart displays Apple’s revenue over twenty years, plotting millions of dollars against time. The code loads CSV data via `d3.csv`, parses dates with `d3.timeParse`, and slices the dataset to a specific range. It uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to render the SVG visualization, with grid lines and a stylized orange stroke.

Rrajkumarboddapati2

69% match