Yukikaze

@yukikazelynn·7 public vizzes

DTSC630 Final project

A multi-section Bitcoin dashboard visualizes market price, network hashrate, halving cycles, volatility, drawdown, and mining profitability. It animates across selectable time ranges and an electricity-price slider, with a trade diagnostic section showing per-trade P&L, sentiment outcomes, parallel coordinates, and a hand-drawn Sankey flow. Built with D3 v7, it uses SVG rendering, d3.scaleTime, d3.scaleLog, d3.brush, and JSON data files for prices, fear/greed, hashrate, and miner specifications.

May 1, 2026

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.

Mar 28, 2026

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.

Mar 28, 2026

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.

Mar 28, 2026

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.

Mar 26, 2026

Loading thumbnail…

Fork of DTSC630-Assignment2-HJi

This example visualizes a dataset imported through a CSV file, mapping data points onto a geographic map. It uses `d3.csv` to parse the data and `d3.geoPath` to render country borders, while plotting user-provided locations as colored circles based on their attributes. The visualization employs `d3.forceSimulation` for layout optimization of overlapping labels and includes interactive tooltips via `d3.select` to display detailed information on hover. The map background and styling are rendered using SVG paths generated from GeoJSON data.

Mar 14, 2026

Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This resume is a single-page HTML document for a frontend engineer, presenting professional experience, skills, and contact information. It uses a decorative SVG background path and an avatar created with gradients and shapes, while a print button triggers `window.print()`. The layout is built with CSS Grid and Flexbox, featuring interactive skill bars and a copy-email button that writes to the clipboard.

Feb 14, 2026