Skip to main content
SimilarExport ZIP
100%

DTSC630 Final project

✓ Published0🌍 Public
YYukikaze
Last edited May 1, 2026
Created on Apr 25, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line Graph Trial

This interactive line graph visualizes cryptocurrency price and market capitalization trends over time, with dropdown menus to select the metric (price_usd or market_cap) and coin type (bitcoin, ethereum, litecoin, ripple, or bitcoin_cash). The SVG chart animates transitions between datasets using `d3.transition()`, updating the line path, x-axis (time), and y-axis (linear scale) with a duration of 700ms. Data is loaded from `buildings.json` via `d3.json()`, with dates parsed using `d3.timeParse()`, and the y-axis labels are conditionally formatted (e.g., market cap shown in thousands with “k”).

DdeafMother
71% match
Loading thumbnail…

Learn D3.js

This interactive line chart visualizes Bitcoin’s historical price index from December 2017 to April 2018, using data fetched live from the CoinDesk API. The code parses the JSON response into date–value pairs, then renders an SVG path with D3’s `d3.line()` and `d3.scaleTime()`, alongside `d3.axisBottom()` and `d3.axisLeft()` for axes. The y-axis is labeled “Price ($)” and the single steelblue line is drawn without fill, with rounded line joins and caps. Data is loaded via `fetch` after the DOM content is ready.

Aaruba-haroon
70% match
Loading thumbnail…

Task9-Q2

This example visualizes the historical price of Bitcoin as a filled area chart over time. It loads CSV data from a GitHub gist, parses dates with `d3.timeParse`, and renders an SVG area path using `d3.area` with time and linear scales. The chart includes labeled axes, a title, and demonstrates local ES6 module imports alongside D3 v7 loading via UNPKG.

Aasimcyb@gmail.com
70% match
Loading thumbnail…

Line Graph Trial

This interactive line graph visualizes cryptocurrency price and market capitalization over time, with dropdown menus allowing users to switch between metrics and coin types. The code uses D3 v5’s `d3.line`, `d3.scaleTime`, and `d3.scaleLinear` to render the SVG path, with smooth transitions via `d3.transition`. Data is loaded from a local `buildings.json` file and parsed using `d3.timeParse`. A React framework is present, though the rendering and animation are handled directly through D3’s SVG and transition APIs.

Hhafsa2020
70% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub shows Bitcoin's price over time as an area chart with an overlaid line, using a semi-transparent steelblue fill and a darkblue stroke. It loads a CSV file from a GitHub gist, parses dates with `d3.timeParse`, and creates time and linear scales with `d3.scaleTime` and `d3.scaleLinear`. The chart is rendered as SVG using `d3.area`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft`, with labeled axes and a title.

Kkandulasunny17@gmail.com
69% match
Loading thumbnail…

Line Chart with D3.js

This line chart visualizes the Bitcoin Price Index from December 2017 to April 2018, using historical data fetched from the CoinDesk API. The chart displays price trends over time with a red line, clearly showing fluctuations in Bitcoin’s value across the four-month period. The visualization is built with D3.js v4, using `d3.scaleTime` and `d3.scaleLinear` for the axes, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for the labeled axes. The data is parsed from JSON into date-value pairs, and the SVG rendering includes styled gridlines, tick labels, and an axis label for price in dollars.

TTajallah-maryam
69% match
Loading thumbnail…

Learn D3.js

This line chart visualizes the historical Bitcoin Price Index from December 2017 to April 2018, using data fetched from the CoinDesk API. The SVG chart displays price over time with a steelblue line, axis labels, and a rotated y-axis title. The example demonstrates D3.js v4's `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` for building a complete, responsive chart from JSON data parsed into date-value pairs.

Pprincit
68% match
Loading thumbnail…

Fork of HTML Starter

This dashboard presents three dark-themed D3 v7 charts visualizing monthly sales and profit data embedded as CSV strings. A bar chart highlights peak sales with an annotated circle on a square root scale, while a scatter plot maps sales against profit using ordinal color encoding for each month. A multi-series chart combines bars for sales and a monotone line with circles for profit, using dual axes. All charts use SVG rendering with grid lines and rotated axis labels.

GGorantla Sravani
68% match