Skip to main content
SimilarExport ZIP
100%

Apple Stock2

✓ Published0🌍 Public
Yyinyiwen3589@gmail.com
Last edited May 11, 2026
Created on May 11, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Apple Stock 2

This interactive scatterplot visualizes simulated Apple stock price data, showing individual data points distributed across a two-dimensional space based on their x and y coordinates. Users can click on any circle to select it, which re-renders the visualization with the selected point highlighted. The React app loads data from a CSV file and uses the D3 `select` API alongside `useContainerDimensions` and `ResizeObserver` to render the SVG responsively. The visualization relies on `renderCircles` to draw and update the circular marks.

Yyinyiwen3589@gmail.com
85% 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
83% match
Loading thumbnail…

Apple stock

This visualization presents Apple Inc.'s (AAPL) stock data through a series of interactive charts built using ECharts 5.4.3. The primary line chart displays monthly closing prices, while additional views show quarterly average trading volumes, annual OHLC candlestick patterns, and a histogram of daily returns distribution. The data is loaded from a static CSV file containing historical prices and volumes. Each chart employs ECharts' API for tooltips, axis formatting, and color-coded styling, with the candlestick chart using ECharts' series type 'candlestick' and the histogram using 'bar' series with custom color thresholds.

Yyinyiwen3589@gmail.com
82% match
Loading thumbnail…

Stock price display

This interactive line chart displays Apple stock prices over time, with a color gradient from red to green indicating value changes. Users hover over the chart to see a tooltip showing the exact price at any point. The visualization uses D3.js v4 within a React framework, reading CSV data and rendering with SVG. It employs `d3.scaleTime`, `d3.line`, and a bisector for mouse interaction, with a transparent overlay rect capturing hover events to control the focus circle and text label.

AAdvait Maduskar
82% 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
80% match
Loading thumbnail…

Apple Stock

A monthly line chart shows Apple’s closing stock price over time, reducing daily records to one point per month. It reads a CSV with historical prices via `fetch`, parses dates and dollar-prefixed values, and groups rows by year-month to retain the last closing price. Rendered with ECharts 5.4.3, the chart includes a smooth line, hover tooltips, a translucent area fill, and a dashed orange line marking the average price.

Yyinyiwen3589@gmail.com
80% 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
77% match
Loading thumbnail…

Fork of Fork of Stock price display

This interactive line chart displays Apple stock prices over time, spanning from 1977 through 1982. The visualization uses a green-to-red vertical gradient to encode price levels, with higher values appearing greener and lower values redder. Users can hover over the chart to see a tooltip with the exact price at any date, indicated by a black circular marker that tracks the cursor along the line. The chart is built with D3.js v4 and React, reading data from a remote CSV file, and renders as an SVG with a bisector-based search to find the closest data point to the mouse position.

Ssitaramchallapalli
76% match