Skip to main content
SimilarExport ZIP
100%

A5 Line Chart for Roblox Stock Price

✓ Published1🌍 Public
AAllen Jake Polintan
Last edited Feb 26, 2024
Created on Feb 26, 2024
Forked from HTML Starter

A5 Line Chart for Roblox Stock Price visualizes the daily high trading price of Roblox stock from February 2023 to February 2024 using a golden line on an SVG canvas. The chart, built with D3 v7, loads data from a CSV file sourced from Yahoo Finance and uses `d3.scaleTime` and `d3.scaleLinear` to map dates and prices. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while `d3.line` generates the path. Data points reflect weekly aggregated highs, with a hover effect on bars (though bars are not present).

AI-generated description

Data was from: https://finance.yahoo.com/quote/RBLX Used https://d3-graph-gallery.com/graph/line_basic.html as reference

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart- Data Visualization

This line chart displays Amazon’s stock price over time, with the year on the x-axis and price on the y-axis, using an SVG rendered with D3 v5. It loads a CSV dataset via `d3.csv`, parses dates with `d3.timeParse`, and maps data using `scaleTime` and `scaleLinear`. The chart includes labeled axes with gridlines, and draws the price trend as a single line path generated by `d3.line`.

AAditya Pujari
67% match
Loading thumbnail…

Line Chart- Data Visualization

A line chart displays Tesla’s daily stock price over time, with the year on the x-axis and price on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the path. Data is loaded from a CSV file and parsed with `d3.timeParse`. The chart includes labeled axes and a clean grid, with the line styled in black for clarity.

Bbrindapotluri
67% match
Loading thumbnail…

Simple Line Graph v7

This chart displays the closing price of a stock over time from late March to early May 2012, using a single blue line. It renders data from a CSV file as an SVG path, with the x-axis showing dates and the y-axis showing price values. The code loads the data via `d3.csv`, parses dates with `d3.timeParse`, scales the axes with `d3.scaleTime` and `d3.scaleLinear`, and draws the line using `d3.line`. It appends axes with `d3.axisBottom` and `d3.axisLeft` to complete the visualization.

Dd3noob
66% match
Loading thumbnail…

LIne chart -7

This line chart shows Amazon stock price over time, with the year on the x-axis and price on the y-axis. The chart uses D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator, rendering as an SVG. Data is loaded via D3’s `csv` function from a remote URL, with dates parsed using `d3.timeParse` and prices converted to numeric values. Grid lines, axis labels, and a styled path highlight the trend.

SSaiSree0122
66% match
Loading thumbnail…

Line graph

A line graph displays daily high stock prices for CS Bank over time, with a red-to-green vertical gradient applied to the stroke. The chart includes labeled axes, a title, and a hover interaction that reveals the exact price at any point via a movable circle and text label. Built with React and D3.js v4, it loads CSV data from a GitHub gist, parses dates with `d3.timeParse`, and renders the line using `d3.line` with a `linearGradient` fill. Interactive tooltips rely on `d3.bisector` for nearest-date lookup.

SSheela2930
65% match
Loading thumbnail…

Line Chart

A line chart displays the daily closing price of Apple (AAPL) stock from 2007 to 2008, with time on the x-axis and price in dollars on the y-axis. The SVG visualization uses D3 v4 to parse TSV data, with `d3.scaleTime` and `d3.scaleLinear` for positioning, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.line` to render the data. A steelblue stroke, 1.5 pixels wide, traces the price trend over the two-year period.

Mmbostock
65% match
Loading thumbnail…

Line Chart ice-7

This visualization shows Uber’s stock price over time, with a single red line tracing yearly price changes on axes labeled “Year” and “Stock Price.” The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft` APIs to map parsed dates and prices, rendering as an SVG. It loads Amazon stock data from a GitHub gist CSV, parsing dates with `d3.timeParse` before drawing the path within a margin-based layout.

SSaiipriiya
65% match
Loading thumbnail…

Line graph

This line graph displays the high price of CS Bank stocks over time, using a red-to-green gradient stroke to encode value magnitude. Data is loaded from a GitHub-hosted CSV file. Built with D3 v4, the visualization uses `d3.scaleTime` and `d3.scaleLinear` for axes, and a `d3.line` path for the series. Interactive mouseover events trigger a bisector-based search to reveal the exact price at the cursor, showing a tooltip and a circle marker. The chart includes labeled axes and an overall title, rendered as SVG.

SSheela2930
64% match