DTSC630-Assignment3-HJi-chart1

100%

DTSC630-Assignment3-HJi-chart1

✓ Published1🌍 Public

Last edited Mar 28, 2026

Created on Mar 26, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

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

83% match

Loading thumbnail…

Apple Stock assign

This example presents four interactive ECharts visualizations of Apple stock data from aapl_historical_data.csv. A monthly line chart shows closing prices with a dashed average line and smooth curve. A quarterly bar chart displays average daily volume, using color to highlight high-volume periods. An annual candlestick chart depicts open, high, low, and close prices using ECharts' candlestick series type. A histogram reveals the distribution of daily returns, binned at 0.5% intervals. Each chart parses the CSV via JavaScript's `fetch` and uses ECharts 5.4.3 with custom tooltips and axis formatting.

Yyinyiwen3589@gmail.com

81% match

Loading thumbnail…

DTSC630-Assignment3-HJi-chart3

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.

YYukikaze

80% match

Loading thumbnail…

Gist 6285682

This simple line chart shows the daily closing price of Apple (AAPL) stock from late 2011 to mid-2012, with each trading day plotted in chronological order. The visualization uses a conventional margin layout with axes rendered via SVG, leveraging D3's time scale for the x-axis and a linear scale for price on the y-axis. The line is drawn using d3.svg.line, with the data loaded from a TSV file and parsed using d3.tsv and d3.time.format. The chart uses d3.extent to automatically compute the domain from the date and price values, and displays axes with d3.svg.axis for clear temporal and price reference. The result is a clean, minimal line chart showing the stock's trajectory over the period, demonstrating D3's data-joining and scalable vector graphics capabilities in a straightforward time-series context.

11wheel

79% match

Loading thumbnail…

Activity 7 Q2

This area chart displays Apple’s daily closing stock prices over time, filtering a CSV of tech stocks for the AAPL ticker. The visualization uses D3 v6 with `scaleTime`, `scaleLinear`, `area`, and `axisBottom`/`axisLeft` to render an SVG path with light blue fill. The data loads via `d3.csv` from a GitHub gist, with dates parsed using `timeParse`. Axes are labeled for date and closing price in USD, with margins and dimensions set in code.

Ssaiteja.cse.rymec@gmail.com

78% match

Loading thumbnail…

Apple Stock2

This interactive dashboard displays Apple stock data across four switchable chart panels: a monthly close price line chart, a volume bar chart, a candlestick chart, and a histogram. The React application uses the ECharts library to render each panel from a parsed CSV file containing date, price, volume, and OHLC values. The interface provides a tabbed layout for switching between chart types, with all visuals updating from the same underlying dataset.

Yyinyiwen3589@gmail.com

77% match

Loading thumbnail…

Stock price display - Apple

This example shows the historical stock price of Apple as a line chart, with a vertical gradient stroke transitioning from red (low values) to green (high values). It includes interactive hover functionality: moving the mouse over the chart reveals a black circle marker and a text label displaying the exact price at the nearest data point. The visualization is built using D3.js v4, leverages SVG for rendering, and uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` for axes. Data is loaded from a CSV file containing date and price columns, and the chart uses a bisector for efficient nearest-point lookup during mouse movement.

TToly

77% match