yinyiwen3589@gmail.com

@YY35n·8 public vizzes

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.

May 11, 2026

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.

May 11, 2026

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.

May 11, 2026

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.

May 11, 2026

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.

May 11, 2026

Loading thumbnail…

Fork of D3 Starter

This example analyzes a loan approval dataset with four linked D3 v7 charts in SVG: a pie chart of overall loan status, a histogram of CIBIL scores split by approval status, a scatter plot of annual income versus loan amount, and a grouped bar chart of approvals by education level. Using `d3.csv`, `d3.rollup`, `d3.pie`, `d3.arc`, `d3.bin`, and `d3.scaleBand`, it visualizes the dataset’s key categorical and numerical relationships. The charts share a consistent blue-and-red color scale applied via `d3.scaleOrdinal`, with custom legends and axis labels for clarity.

Mar 13, 2026

Loading thumbnail…

Fork of HTML Starter

This example renders a personal resume as a single-page web document, displaying a name, contact information, technical skill tags, work experience, and education history. The page uses inline SVG icons for email and phone, along with styled HTML containers to structure the content. The interface relies on vanilla JavaScript and CSS, with a window.onload handler that sequentially triggers a fade-in animation on each resume section by adjusting its opacity and transition property.

Feb 14, 2026

Loading thumbnail…

Fork of D3 Scatterplot Sqrt

This D3.js scatterplot displays ten data points as circles on a 500 by 100 SVG canvas, with each point's x and y coordinates mapped directly to its array values. The circle radius is determined by applying a square root transformation to the distance from the top of the chart, making higher points larger. The visualization uses d3.select and data joins to bind the dataset to circle elements, with attribute functions setting cx, cy, and r for each point.

Feb 13, 2026